search

react-bootstrap / react-router-bootstrap

Integration between React Router and React-Bootstrap
Apache License 2.0
1.69k stars 158 forks source link

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

Open goldylucks opened 1 year ago

goldylucks commented 1 year ago

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?

kyletsang commented 1 year ago

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?

goldylucks commented 1 year ago

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?