useNavigate() may be used only in the context of a <Router> component.
useHistory, useNavigator, useLocation 모두 라우터 안에 사용해야한다고 오류났다.
문제는 이미.. router안에 사용하고 있는데.. 자꾸 오류가 나는것이였다..
해결
<BrowerRouter>를 매번 감싸는게 아니라 index.js 에서 한번만 딱 감싸야한다!!
몰라서 매 페이지마다 BrowerRouter가 필요한 곳에 넣어놨는데 index.js에서 한번만 감싸서 넣으면
전체페이지에 BrowerRouter 넣을 필요가 없어진다.
반응형
'React' 카테고리의 다른 글
[React & 가계부프로젝트] onClick 함수에 파라미터 같이 넘기기 (e도 같이 넘기기) (0) | 2022.06.27 |
---|---|
[React & 가계부프로젝트] router 설정하기 (0) | 2022.06.27 |
[React & 가계부프로젝트] useEffect 콘솔에 자꾸 2번씩 찍힐때 (0) | 2022.06.27 |
[React & 환경세팅] [eslint] document is not defined / window is not defined (0) | 2022.06.27 |
[React & 환경세팅] [prettier] 한줄 자동 줄바꿈 방지 설정하기 (0) | 2022.06.27 |