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

Hey Guys, I'm experiencing an issue with my builds as of today.

TRPCClientError: Dynamic server usage: Route /dashboard/home couldn't be rendered statically because it used cookies. See more info here: https://nextjs.org/docs/messages/dynamic-server-error

TRPCClientError: Dynamic server usage: Route /dashboard/home couldn't be rendered statically because it used cookies. See more info here: https://nextjs.org/docs/messages/dynamic-server-error

I went through the issues on GH and even implemented the changes merged in[https://github.com/t3-oss/create-t3-app/pull/1741] but i still could not get the issue to go away. Some context: - The project is a Monorepo (T3-Turbo) - Almost all my TRPC routes use cookies - I have 2 TRPC providers per app (1 app specific, 1 shared) - The app is deployed on Azure App Service, not Vercel What i've tried: - Adding 'export foce-dynamic' --did not help - in RSC components adding 'unstable_noStore' -- did not help - applied changes from PR #1741 - did not help ANY help would be appreciated all the pages according to the build log that have dynamic usage

> Export encountered errors on following paths:
        /(dashboard)/dashboard/(admin)/companies/page: /dashboard/companies
        /(dashboard)/dashboard/(admin)/users/page: /dashboard/users
        /(dashboard)/dashboard/(agent)/cargo-arrival/page: /dashboard/cargo-arrival
        /(dashboard)/dashboard/(agent)/cargo-release/page: /dashboard/cargo-release
        /(dashboard)/dashboard/(user)/documents/page: /dashboard/documents
        /(dashboard)/dashboard/(user)/expected-arrivals/page: /dashboard/expected-arrivals
        /(dashboard)/dashboard/(user)/shipment/page: /dashboard/shipment
        /(dashboard)/dashboard/(user)/shipped-items/page: /dashboard/shipped-items
        /(dashboard)/dashboard/(user)/tracking/page: /dashboard/tracking
        /(dashboard)/dashboard/(user)/wr-overview/page: /dashboard/wr-overview
        /(dashboard)/dashboard/home/page: /dashboard/home
        /(dashboard)/dashboard/profile/page: /dashboard/profile
        /_error: /404
        /_error: /500

> Export encountered errors on following paths:
        /(dashboard)/dashboard/(admin)/companies/page: /dashboard/companies
        /(dashboard)/dashboard/(admin)/users/page: /dashboard/users
        /(dashboard)/dashboard/(agent)/cargo-arrival/page: /dashboard/cargo-arrival
        /(dashboard)/dashboard/(agent)/cargo-release/page: /dashboard/cargo-release
        /(dashboard)/dashboard/(user)/documents/page: /dashboard/documents
        /(dashboard)/dashboard/(user)/expected-arrivals/page: /dashboard/expected-arrivals
        /(dashboard)/dashboard/(user)/shipment/page: /dashboard/shipment
        /(dashboard)/dashboard/(user)/shipped-items/page: /dashboard/shipped-items
        /(dashboard)/dashboard/(user)/tracking/page: /dashboard/tracking
        /(dashboard)/dashboard/(user)/wr-overview/page: /dashboard/wr-overview
        /(dashboard)/dashboard/home/page: /dashboard/home
        /(dashboard)/dashboard/profile/page: /dashboard/profile
        /_error: /404
        /_error: /500

4 Replies

ZowtuPindaOP•7mo ago

Ok so, It seems like it the issue is not the dynamic server usage but:

TypeError: Cannot read properties of null (reading 'useContext')
    at exports.useContext (/home/vsts/work/1/s/apps/customer-web-portal/node_modules/react/cjs/react.production.min.js:24:495)
    at h (/home/vsts/work/1/s/apps/customer-web-portal/.next/server/pages/_error.js:1:6021)
    at Wc (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44)
    at Zc (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253)
    at Z (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
    at $c (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
    at bd (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:77:404)
    at Z (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:217)
    at $c (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
    at Zc (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)

Error occurred prerendering page "/404". Read more: https://nextjs.org/docs/messages/prerender-error

TypeError: Cannot read properties of null (reading 'useContext')
    at exports.useContext (/home/vsts/work/1/s/apps/customer-web-portal/node_modules/react/cjs/react.production.min.js:24:495)
    at h (/home/vsts/work/1/s/apps/customer-web-portal/.next/server/pages/_error.js:1:6021)
    at Wc (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44)
    at Zc (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253)
    at Z (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
    at $c (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
    at bd (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:77:404)
    at Z (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:217)
    at $c (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
    at Zc (/home/vsts/work/1/s/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)

Error occurred prerendering page "/404". Read more: https://nextjs.org/docs/messages/prerender-error

the issue is I don't have a 404 error file defined. I use the default built in one.

deforestor•5mo ago

Have you ever solved this? I've had this same problem for months and I'm reaching my limit lol

deme4447•2w ago

Same

deforestor•5d ago

Yo, little update here. I saw some people saying this error is related to some node modules using the wrong version of React. POSSIBLE FIX: I've added this to my package.json and haven't had this error in a day, will update again in the future:

"peerDependencies": {
        "react": "^18.2.0",
        "react-dom": "^18.2.0"
    },

"peerDependencies": {
        "react": "^18.2.0",
        "react-dom": "^18.2.0"
    },

make sure it suits the react version of your project

Gaming

Programming

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