inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

노드 리액트 기초 강의 #31 회원 가입 페이지

뭘해도 에러날때 Uncaught Error: useNavigate() may be used only in the context of a <Router> component.

2167

열공

작성한 질문수 7

1

App.js에 있는 <BrowserRouter>태그를

Index.js의 Provider위로 감싸주세요 그러니 Loginpage.js등에서 navigate가 정상작동하네요

참고하세요.

react node.js

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

해당 오류는 React Router의 useNavigate() 훅이 Router 컴포넌트 안에서만 사용될 수 있다는 경고 메시지입니다. 이 오류가 발생하는 이유는 컴포넌트가 Provider 컴포넌트 위에 위치하고 있지 않기 때문입니다.

따라서, App.js에 있는 컴포넌트를 Index.js의 Provider 컴포넌트 위에 위치하도록 코드를 수정해주시면 됩니다. 이렇게 수정하면 Loginpage.js 등에서 useNavigate()를 정상적으로 사용할 수 있습니다.

정확한 코드 수정 방법을 알려드리기 위해서는 코드의 구조와 상황에 따라 다양한 방법이 있을 수 있기 때문에, 보다 구체적인 예시를 들어주세요. 그럴 경우 더욱 상세한 답변을 드릴 수 있도록 도와드리겠습니다. 감사합니다.

깃 이메일이랑 비번이 필요하다고 하네요

0

38

1

404 에러

0

104

1

34강 인증 체크에서 element 사용 때문에 에러나시는 분들 이렇게 하심 됩니다.

0

121

1

로그인, 로그아웃, 토근 작동 안 함

0

240

0

로그아웃 findOneAndUpdate 함수

0

172

1

9강 오류 어떻게 해결하나요?

0

195

1

localhost 에서 연결을 거부했습니다.

0

1939

4

포스트맨에서 true가 안떠요

0

151

1

왜 안되나요

0

130

1

몽고db 연결 오류가 납니다 위에껀 입력한 코드, 아래껀 터미널이에요

0

244

1

로그아웃 401 에러(Unauthorized)

0

506

2

암호가 해싱되지 않고 입력값 그대로 db에 저장되는 문제

0

151

1

7강중에서

0

167

2

User.findByToken is not a function

0

213

1

루트 디렉토리

0

275

1

useState

0

563

1

프록시 잘 설정했는데도 404 오류 뜨는 분들

5

877

6

webpack 관련 에러 질문

0

221

1

리액트 관련 질문

0

275

1

14강 로그아웃 안됨

0

319

1

mongoDB 데이터 확인하는 법

0

412

1

postman 에러

0

295

1

선생님 리덕스를 사용하면 어떠한 부분이 좋은지 알 수 있을까요?

0

236

1

다음과 같은 에러들이 발생합니다.

0

275

1