use useParams hook (react-router-dom) in Canvas

[vantu98]

Hi guys!

I'm wondering about using react-router hook inside Canvas element to do some actions with this, but this seem to be wrong. It throws TypeError: Cannot read properties of undefined (reading 'match') error.

Full Error Reports

> 40 |   const match = useContext(RouterContext).match;
  41 |   return match ? match.params : {};

btw, I tried this solution from @mortocks, but it didn't work
#486

[drcmda]

In react context cannot pierce through different renderers. To work around that either use a router that doesn't need context, or forward the context. In the docs look into the gotchas section, there's a solution as well.