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

6 Replies

ZowtuPindaOP•9mo 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•8mo ago

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

deme4447•3mo ago

Same

deforestor•3mo 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: Update: this did not fix it lol

"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

deme4447•2mo ago

My specific error was I manually synchronize my computer's time rather than automatically using Apple Servers, or location services. This cause the JWT authorization to "unsync" because of the time. Once I turned on automatic time, it fixed the problem

deforestor•2mo ago

Yeah, I'm pretty sure this has something to do with caching. There's a very weird scenario that is pretty replicable: when you edit an endpoint and this error starts occurring, try ctrl-zing the change and the error will go away. This makes me believe there's some kind of caching bug and this error is just completely wrong lol

Gaming

Programming

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

Did you find this page helpful?