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

[it-efrem]

package.json

{
  "name": "@dmc/landing",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "build": "rimraf build && next build",
    "start:dev": "next dev -p 5000",
    "start:prod": "yarn build && next start -p 5000"
  },
  "dependencies": {
    "next": "9.5.3",
    "react": "16.13.1",
    "react-dom": "16.13.1"
  }
}

pages/index.js

import React from "react";

export default function Index() {
    return (
        <div>
            test
        </div>
    )
}

yarn run start:dev

event - build page: /
wait  - compiling...
event - compiled successfully
Error: Invalid hook call. Hooks can only be called insid
e of the body of a function component. This could happen
 for one of the following reasons:
1. You might have mismatching versions of React and the
renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the sam
e app
See https://fb.me/react-invalid-hook-call for tips about
 how to debug and fix this problem.
    at resolveDispatcher (C:\stream\dmc\frontend\package
s\landing\.next\server\pages\_document.js:2439:13)
    at useContext (C:\stream\dmc\frontend\packages\landi
ng\.next\server\pages\_document.js:2447:20)
    at Html (C:\stream\dmc\frontend\packages\landing\.ne
xt\server\pages\_document.js:358:29)
    at processChild (C:\stream\dmc\frontend\packages\lan
ding\node_modules\next\node_modules\react-dom\cjs\react-
dom-server.node.development.js:3204:14)
    at resolve (C:\stream\dmc\frontend\packages\landing\
node_modules\next\node_modules\react-dom\cjs\react-dom-s
erver.node.development.js:3124:5)
    at ReactDOMServerRenderer.render (C:\stream\dmc\fron
tend\packages\landing\node_modules\next\node_modules\rea
ct-dom\cjs\react-dom-server.node.development.js:3598:22)
    at ReactDOMServerRenderer.read (C:\stream\dmc\fronte
nd\packages\landing\node_modules\next\node_modules\react
-dom\cjs\react-dom-server.node.development.js:3536:29)
    at renderToStaticMarkup (C:\stream\dmc\frontend\pack
ages\landing\node_modules\next\node_modules\react-dom\cj
s\react-dom-server.node.development.js:4261:27)
    at renderDocument (C:\stream\dmc\frontend\packages\l
anding\node_modules\next\dist\next-server\server\render.
js:3:640)
    at renderToHTML (C:\stream\dmc\frontend\packages\lan
ding\node_modules\next\dist\next-server\server\render.js
:52:103)
event - build page: /next/dist/pages/_error
wait  - compiling...
event - compiled successfully
Error: Invalid hook call. Hooks can only be called insid
e of the body of a function component. This could happen
 for one of the following reasons:
1. You might have mismatching versions of React and the
renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the sam
e app
See https://fb.me/react-invalid-hook-call for tips about
 how to debug and fix this problem.
    at resolveDispatcher (C:\stream\dmc\frontend\package
s\landing\node_modules\next\node_modules\@next\react-dev
-overlay\node_modules\react\cjs\react.development.js:146
5:13)
    at Object.useReducer (C:\stream\dmc\frontend\package
s\landing\node_modules\next\node_modules\@next\react-dev
-overlay\node_modules\react\cjs\react.development.js:150
0:20)
    at ReactDevOverlay (C:\stream\dmc\frontend\packages\
landing\node_modules\next\node_modules\@next\react-dev-o
verlay\lib\internal\ReactDevOverlay.js:74:27)
    at processChild (C:\stream\dmc\frontend\packages\lan
ding\node_modules\next\node_modules\react-dom\cjs\react-
dom-server.node.development.js:3204:14)
    at resolve (C:\stream\dmc\frontend\packages\landing\
node_modules\next\node_modules\react-dom\cjs\react-dom-s
erver.node.development.js:3124:5)
    at ReactDOMServerRenderer.render (C:\stream\dmc\fron
tend\packages\landing\node_modules\next\node_modules\rea
ct-dom\cjs\react-dom-server.node.development.js:3598:22)
    at ReactDOMServerRenderer.read (C:\stream\dmc\fronte
nd\packages\landing\node_modules\next\node_modules\react
-dom\cjs\react-dom-server.node.development.js:3536:29)
    at renderToString (C:\stream\dmc\frontend\packages\l
anding\node_modules\next\node_modules\react-dom\cjs\reac
t-dom-server.node.development.js:4245:27)
    at Object.renderPage (C:\stream\dmc\frontend\package
s\landing\node_modules\next\dist\next-server\server\rend
er.js:50:450)
    at Function.getInitialProps (C:\stream\dmc\frontend\
packages\landing\.next\server\pages\_document.js:328:19)

project structure

I tried remove node_modules and run "yarn" repeatedly. It did'n help.

UPD:

I tried just use " yarn create next-app" and run "next dev" - same mistake.

[it-efrem]

Change version to "next": "9.5.2" fixed it

[it-efrem]

Came across this issue again. It wasn't about the version