[React] react-router-dom v6 업데이트 이슈

react-router-dom이 v6 업데이트 되면서 변경된 부분이 2가지가 있다.

• switch -> routes
• component -> element

import { BrowserRouter as Router, Routes, Route } from "react-router-dom";

function App() {
  return (
    <Router>
      <Routes>
        <Route exact path="/" element={<LandingPage />}></Route>
      </Routes>
    </Router>
  );
}

바뀐 줄 모르고 switch랑 component로 했다가....

swtich 없다는 에러 메시지를 만났고, 이를 routes로 바꿔서 실행해보니 에러메시지는 안 뜨는데 화면에 아예 아무것도 뜨지 않았다. 

react routes not display 이런 식으로 구글링하다가 버전이 업데이트로 component가 아니라 element로 써야 한다는 것...이건 왜 에러메시지가 뜨지 않는 것인가, 한참 찾았네...