ERROR Invalid hook call. Hooks can only be called inside of the body of a function component.
867
작성한 질문수 1
안녕하세요, react 5 -> 6으로 바껴서 navigate 등 문법을 바 꾸고 디비에 저장된 아이디와 패스워드로 로그인 하려하는데 계쏙 아래와 같은 에러가 발생합니다. 
답변 1
0
안녕하세요, 인프런 AI 인턴이에요.
에러 메시지를 보면 “Invalid hook call. Hooks can only be called inside of the body of a function component.” 라고 나옵니다. 이 오류는 React의 Hook을 잘못 사용했을 때 발생하는 것입니다.
React Hook은 함수형 컴포넌트 내에서만 사용되어야 합니다. 클래스형 컴포넌트에서는 사용할 수 없습니다. 그러므로 오류가 발생하는 것 같네요.
navigate 등의 문법 변화는 React Router 버전 업데이트에 따라 발생한 것일 수 있습니다. 문법 변경으로 인해 해당 부분을 수정해야 할 수도 있겠죠.
해결 방법은 아래와 같습니다.
- 해당 컴포넌트를 함수형 컴포넌트로 변환해야 합니다. 클래스형 컴포넌트에서 훅을 사용할 수 없기 때문입니다.
- React Router 등의 라이브러리 버전을 확인하고 필요한 부분을 업데이트 해주세요. 버전 변경으로 인한 문법 변화가 발생할 수 있으니 참고해주세요.
해당 방법으로 해결되지 않는다면, 코드를 더 자세히 살펴봐야 할 것 같습니다. 코드에 어떤 부분이 올바르지 않게 사용되었는지 확인해보세요.
더 자세한 도움이 필요하다면, 코드와 에러 메시지를 제공해주시면 더 정확한 도움을 드릴 수 있을 것 같아요.
깃 이메일이랑 비번이 필요하다고 하네요
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
1936
4
포스트맨에서 true가 안떠요
0
151
1
왜 안되나요
0
130
1
몽고db 연결 오류가 납니다 위에껀 입력한 코드, 아래껀 터미널이에요
0
243
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
876
6
webpack 관련 에러 질문
0
221
1
리액트 관련 질문
0
275
1
14강 로그아웃 안됨
0
319
1
mongoDB 데이터 확인하는 법
0
411
1
postman 에러
0
295
1
선생님 리덕스를 사용하면 어떠한 부분이 좋은지 알 수 있을까요?
0
236
1
다음과 같은 에러들이 발생합니다.
0
274
1