Bug: Uncaught TypeError: Cannot read properties of null (reading 'useMemo') [React 18.3.1] about react

[kassens]

This looks like you might be missing to update react-dom to the matching 18.3.1 as the error message suggests.

[rickhanlonii]

Yeah @owenn2106 did you update your react-dom version as well?

[przpl]

I have a similar error, but with useState:

TypeError: Cannot read properties of null (reading 'useState')

I updated react-dom to 18.3.1. I use Next.js version 14.2.3.

Stack trace:

Uncaught TypeError: Cannot read properties of null (reading 'useState')
    at useState (file://...\node_modules\react\cjs\react.development.js:1622:21)
    at App (file://...\.next\server\chunks\ssr\[project]__3a561a._.js:7163:86)
    at renderWithHooks (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5658:16)
    at renderIndeterminateComponent (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5731:15)
    at renderElement (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5946:7)
    at renderNodeDestructiveImpl (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)
    at renderNodeDestructive (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
    at renderContextProvider (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5920:3)
    at renderElement (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6017:11)
    at renderNodeDestructiveImpl (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)
    at renderNodeDestructive (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
    at renderIndeterminateComponent (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5785:7)
    at renderElement (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5946:7)
    at renderNodeDestructiveImpl (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)
    at renderNodeDestructive (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
    at renderIndeterminateComponent (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5785:7)
    at renderElement (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5946:7)
    at renderNodeDestructiveImpl (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)
    at renderNodeDestructive (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
    at renderNode (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6259:12)
    at renderChildrenArray (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6211:7)
    at renderNodeDestructiveImpl (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6141:7)
    at renderNodeDestructive (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
    at renderElement (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5971:9)
    at renderNodeDestructiveImpl (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)
    at renderNodeDestructive (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
    at renderNode (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6259:12)
    at renderChildrenArray (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6211:7)
    at renderNodeDestructiveImpl (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6141:7)
    at renderNodeDestructive (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
    at renderElement (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5971:9)
    at renderNodeDestructiveImpl (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)
    at renderNodeDestructive (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
    at renderContextProvider (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5920:3)
    at renderElement (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6017:11)
    at renderNodeDestructiveImpl (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)
    at renderNodeDestructive (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
    at renderContextProvider (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5920:3)
    at renderElement (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6017:11)
    at renderNodeDestructiveImpl (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)
    at renderNodeDestructive (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
    at renderIndeterminateComponent (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5785:7)
    at renderElement (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5946:7)
    at renderNodeDestructiveImpl (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)
    at renderNodeDestructive (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
    at renderContextProvider (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5920:3)
    at renderElement (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6017:11)
    at renderNodeDestructiveImpl (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)
    at renderNodeDestructive (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
    at renderContextProvider (file://...\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5920:3)

[owenn2106]

@kassens @rickhanlonii Yeap, my react-dom is updated to 18.3.1 as well

[owenn2106]

Turns out we are having this issue because we have multiple copies of React. My team has a monorepo, which has a shared folder and these shared folder has a dependency of React 18. Package json looks like:

  "peerDependencies": {
    "@types/react": "^17 || ^18",
    "react": "^17 || ^18",
    "react-dom": "^17 || ^18"
  },

So we had to just change the peer dependencies to 18.3 for it to work.

  "peerDependencies": {
    "@types/react": "^17 || ^18.3.0",
    "react": "^17 || ^18.3.0",
    "react-dom": "^17 || ^18.3.0"
  },

[kassens]

Since the error message already contains this as the first recommendation, I don't think there's more we can do, unfortunately :(