[React] React Runtime Error 핸들링하기

# react-error-boundary

컴포넌트간 fetch 에서 에러가 발생하면 에러페이지로 fallback 시켜준다.

 

npm i react-error-boundary

 

 

# 사용법

// 컴포넌트들을 ErrorBoundary 로 감싸준다.

<ErrorBoundary FallbackComponent={내가 정의한 에러페이지 컴포넌트명}>
    <BrowserRouter>
    <Navigator/>
    <Routes>
    	<Route path="/" exact element={<Home/>} />
        <Route path="/login" element={<LoginForm/>} /> 
    </Routes>
    </BrowserRouter>
</ErrorBoundary>