Application Error in dev server: TypeError: Cannot read properties of null (reading 'useContext') #13602

rustyx · 2025-05-13T13:38:16Z

rustyx
May 13, 2025

Sometimes when I restart the react-router dev server, the (already-open) website in the browser auto-refreshes to:

Application Error

TypeError: Cannot read properties of null (reading 'useContext')
    at exports.useContext (http://localhost:13000/node_modules/.vite/deps/chunk-QH6HOCAD.js?v=a28264a6:899:27)
    at useFrameworkContext (http://localhost:13000/node_modules/.vite/deps/chunk-B7NYMQFI.js?v=a28264a6:8548:24)
    at Meta (http://localhost:13000/node_modules/.vite/deps/chunk-B7NYMQFI.js?v=a28264a6:8759:37)
    at react-stack-bottom-frame (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=312d18a4:17424:20)
    at renderWithHooks (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=312d18a4:4206:24)
    at updateFunctionComponent (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=312d18a4:6619:21)
    at beginWork (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=312d18a4:7654:20)
    at runWithFiberInDEV (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=312d18a4:1485:72)
    at performUnitOfWork (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=312d18a4:10868:98)
    at workLoopSync (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=312d18a4:10728:43)

It's hard to pinpoint when it actually happens, but I think it happens when a page needs to be compiled for the first time. It's also reliably reproducible if I remove the node_modules directory, reinstall and restart the dev server.

Sometimes the auto-refresh works but clicking "back" shows a similar error about useRef being null.

Is this a known issue?

This didn't seem to happen with other frameworks, so it must be specific to react-router v7 (in combination with a vite plugin).

wikski · 2025-05-14T04:04:13Z

wikski
May 14, 2025

Had a similar issue, I needed to remove the component from my <head> section

 <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <Meta /> ----> REMOVE
        <Links />
</head>

0 replies

rustyx · 2025-05-14T09:16:31Z

rustyx
May 14, 2025
Author

Removing <Meta /> tag simply causes the issue to occur elsewehere in the web app where useContext is invoked.

Application Error

TypeError: Cannot read properties of null (reading 'useContext')
    at exports.useContext (http://localhost:13000/node_modules/.vite/deps/chunk-UGC3UZ7L.js?v=68644420:877:27)
    at UserToggle (http://localhost:13000/components/user-toggle.tsx:12:16)
    at react-stack-bottom-frame (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=0e7a71da:17424:20)
    at renderWithHooks (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=0e7a71da:4206:24)
    at updateFunctionComponent (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=0e7a71da:6619:21)
    at beginWork (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=0e7a71da:7654:20)
    at runWithFiberInDEV (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=0e7a71da:1485:72)
    at performUnitOfWork (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=0e7a71da:10868:98)
    at workLoopSync (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=0e7a71da:10728:43)
    at renderRootSync (http://localhost:13000/node_modules/.vite/deps/react-dom_client.js?v=0e7a71da:10711:13)

In all the cases the crash is preceded by the Invalid hook call error in console.

It seems like the resolveDispatcher() function is returning null for some reason?

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Application Error in dev server: TypeError: Cannot read properties of null (reading 'useContext') #13602

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 2 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Application Error in dev server: TypeError: Cannot read properties of null (reading 'useContext') #13602

Uh oh!

Uh oh!

rustyx May 13, 2025

Replies: 2 comments

Uh oh!

Uh oh!

wikski May 14, 2025

Uh oh!

rustyx May 14, 2025 Author

rustyx
May 13, 2025

wikski
May 14, 2025

rustyx
May 14, 2025
Author