[Error] useRoutes() may be used only in the context of a <Router> component.

 

 

원인

useRoutes는 <Router>로 감싸야 하는데, 감싸지 않고 사용해서 발생한 에러.

 

 

 

해결

index.js 에서

 

import { BrowserRouter } from 'react-router-dom';

해주고,

 

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>
);

 

이렇게 App.js 를 BrowserRouter로 감싸주니 해결됨.

 

 

 

 

 

 

 

 

 

 

참고 : https://itprogramming119.tistory.com/entry/Uncaught-Error-useRoutes-may-be-used-only-in-the-context-of-a-Router-component-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95