react-router-bootstrap icon indicating copy to clipboard operation
react-router-bootstrap copied to clipboard

Crashing randomly on dev - useNavigate() may be used only in the context of a <Router> component

Open goldylucks opened this issue 2 years ago • 2 comments

I couldn't pin point the culprit, but sometimes I get these errors on development:

utils.ts:781 Uncaught Error: useNavigate() may be used only in the context of a <Router> component.
    at invariant (utils.ts:781:11)
    at useNavigate (hooks.tsx:158:3)
    at LinkContainer2 (LinkContainer.js:48:38)

The LinkContainer component is of course under a Router, and it works in production, but lately started happening locally 🤷‍♀️

Any ideas?

goldylucks avatar Jan 01 '23 14:01 goldylucks

Did this start happening with a recent update to react router? Can you post this into the react router project along with a reproducible demo?

kyletsang avatar Jan 02 '23 04:01 kyletsang

Maybe, I'm not sure, but, in the same component the crashes with react-router-bootstrap, there's a non crashing use of both Link and useNavigate directly from react-router-dom, so I don't think it's an issue on their end.

Thoughts?

goldylucks avatar Jan 02 '23 09:01 goldylucks