[React Router v6] Redirect에 대해 알아보자

React Router v6부터 <Redirect /> 컴포넌트가 지원되지 않는다.

 

<Redirect /> 컴포넌트 대신 <Navigate />를 통해 수정해야 한다.

function Router() {
  return (
    <Routes>
      <Route path="/" element={<Home />} />
      <Route path="/lab" element={<Lab />} />
      <Route
          path="*"
          element={<Navigate to="/" replace />}
      />
    </Routes>
  );
}

export default Router;

이렇게 해서 react-router v6에서 리다이렉트 완성!