[React] ERROR useNavigate() may be used only in the context of a <Router> component.

문제 발생

useNavigate로 Router 연결을 마쳤는데 다음과 같은 에러가 발생했다.

문제 해결

function App() {} 안에 <Router>, <Routes>를 사용하고, 현재 페이지의 기능들은 function Home()에 적용했다.

 

그럼에도 똑같은 에러가 떠서 코드를 읽어보니 import {BrowserRouter as Routes} from 'react-router-dom'; 을 추가하지 않았다.

import를 잘 확인하자..^^