[QoL] Warn on missing react-router context

When testing one of my components that uses the useReactRouter hook, I got the following error:

Cannot destructure property `history` of 'undefined' or 'null'.

      19 |   active
      20 | }) => {
    > 21 |   const { history } = useReactRouter();
         |                                     ^
      22 |
      23 |   const classes = active
      24 |     ? 'slider__item slider__item--active'

The error itself is a bit ambiguous as it originates from the hook not being able to find the React-Router context. Perhaps a nice addition would be to warn/error on not being able to find the React-Router context.

[konsumer]

I am getting an error:

Error: use-react-router may only be used within a react-router context.

Using next versions of react-router, react, & react-dom.

here is a codesandbox.

[konsumer]

Hmm. In the codesandbox it’s not working (same problem that I originally had), but if I download it and install/run it locally it does. I used next in package.json, and pulled use-react-router out of the app when it wasn’t working, so I’m not sure what version it was using. Now, locally it’s 4.4.0-beta.6 (check package-lock) and that seems to work ok, so I will give it another try in the original app.