고양이와 코딩

[React] Error: useRoutes() may be used only in the context of a <Router> component. 오류 해결 본문

react

[React] Error: useRoutes() may be used only in the context of a <Router> component. 오류 해결

ovovvvvv 2023. 5. 27. 15:43
728x90

실행하면 흰 화면만 나왔을 때의 코드, 개발자 도구에서 확인해보니 

이런 오류가 잔뜩 떴다! 

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

 <Router>
        <Routes>
          <Route path="/" element={<MainPage />} />
          <Route path="/myproject" element={<MyProjectPage />} />
        </Routes>
      </Router>

BrowerRouter as Router 을 추가해주고

<Router> 로 감싸줬더니 정상적으로 나왔다 ㅎㅎ

'react' 카테고리의 다른 글

react-virtualized를 사용한 렌더링 최적화  (1) 2023.10.16
[React] useCallback을 사용한 최적화 ?  (1) 2023.10.09
[React] props로 전달받은 문자열 줄바꿈 하기 + (tailwindCSS)  (0) 2023.07.25
[React] 리액트에서 양방향 바인딩 함 써보기  (0) 2023.05.24
[React] useState 니가 뭔데 날 울려  (0) 2023.04.09
'react' Related Articles more