Question : Invalid hook call. Hooks can only be called inside of the body of a function component.
Answered by : rokibul-parves
Thus, running the command: npm link <path_to_local_library>/node_modules/react, eg. in my case npm link ../../libraries/core/decipher/node_modules/react from the project directory has fixed the issue.
Source : | Last Update : Fri, 12 Aug 22
Question : Invalid hook call. Hooks can only be called inside of the body of a function component.
Answered by : rokibul-parves
I had this issue when I used npm link to install my local library, which I've built using cra. I found the answer here. Which literally says:
This problem can also come up when you use npm link or an equivalent. In that case, your bundler might “see” two Reacts — one in application folder and one in your library folder. Assuming 'myapp' and 'mylib' are sibling folders, one possible fix is to run 'npm link ../myapp/node_modules/react' from 'mylib'. This should make the library use the application’s React copy.
Thus, running the command: npm link <path_to_local_library>/node_modules/react, eg. in my case npm link ../../libraries/core/decipher/node_modules/react from the project directory has fixed the issue.
Source : | Last Update : Sat, 06 Aug 22
Question : Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
Answered by : mohammad-mustak-absar-khan
In My Case The Solution Was- 1. Starting the Function Name With capital Letter 2. Following that, i had to put the function name inside like this `< IncrementFunction />`. That has solved my problem.
Source : | Last Update : Thu, 24 Nov 22
Question : Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
Answered by : valdas
You can only call hooks from React functions.
Just convert the component to a functional component.
Source : https://stackoverflow.com/questions/56663785/invalid-hook-call-hooks-can-only-be-called-inside-of-the-body-of-a-function-com#:~:text=84-,You%20can%20only%20call%20hooks%20from%20React%20functions.%20Read%20more,-here. | Last Update : Fri, 24 Jun 22
Question : error invalid hook call. hooks can only be called inside of the body of a function component Nextjs
Answered by : hurt-hummingbird-elmauave0mpn
In my case I had to move the const inside my function, which instantly solved the problem and it worked good after.
Source : https://stackoverflow.com/questions/70195944/nextjs-invalid-hook-call | Last Update : Thu, 20 Oct 22