React 오류 기록 Uncaught Error: useRoutes() may be used only in the context of a <Router> component.

React 오류 기록 Uncaught Error: useRoutes() may be used only in the context of a <Router> component.

 

 

🤯 문제

해석을 해 보자면, useRouter()는 <Router>로 감싸야 한다,, 라는데

<Routes>
  <Route path="/" element={<div>Home</div>} />
  <Route path="/local" element={<div>Local</div>} />
  <Route path="/national" element={<div>National</div>} />
  <Route path="/beginner" element={<div>Beginner</div>} />
  <Route path="/height" element={<div>Height</div>} />
</Routes>

이게 감싼게 아닌가보다..

 

 

🥳 해결 방법

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

<Router>
  <Routes>
    <Route path="/" element={<Home />} />
    <Route path="/local" element={<Local />} />
    <Route path="/national" element={<National />} />
    <Route path="/beginner" element={<Beginner />} />
    <Route path="/height" element={<Height />} />
  </Routes>
 </Router>

<Router>로 감싸고, element 옆에 경로 제대로 설정

 

 

거짓말,, 또 다른 오류에 봉착!🤯🤯🤯

 

유쾌하지못한 오류 시리즈는 계속 된다😥😥😥😥😥😥