Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

'Error: Invalid hook call. Hooks can only be called inside of the body of a function component'

See original GitHub issue

Bug report

Describe the bug

I keep ‘Error: Invalid hook call. Hooks can only be called inside of the body of a function component’ after starting the next development server. This is the default next app with no configuration from me at all

To Reproduce

Start a new next app with npx create-next-app moshood.dev
Start the next development server with yarn dev
Navigate to localhost:3000 in the browser after starting development server
Browser shows ‘internal server Error’ and terminal shows ‘Error: Invalid hook call. Hooks can only be called inside of the body of a function component’

Expected behavior

Start default next app in the browser successfully.

Screenshots

next error scrnli_10_3_2020_6-29-40 PM

System information

OS: [Windows]
Browser [chrome]
Version of Next.js: [9.5.3]
Version of Node.js: [e.g. 12.18.2]
Version of React [16.13.1] -Version of React-dom [16.13.1]

Issue Analytics

State:
Created 3 years ago
Comments:15 (3 by maintainers)

Top GitHub Comments

13reactions

mohesemcommented, Oct 5, 2020

same error here

2reactions

nickpassarellacommented, Oct 19, 2020

It looks like my issue is unrelated to @olalekanteeblaze’s. I had a mistake in my next.config.js that I think was writing over next webpack externals. Perhaps this was affecting react versions under the hood?