Nested Router error after upgrading to Storybook v6.4 from v6.3

Thank you for this great platform. We’re using react-router v6 in our project and some of our storybook components are using the useLoaction() hook of react-router. So we provide a location for the components by a decorator like this. After we upgrade Storybook from v6.3 to v6.4 we encounter the following error. So now we have to lock the minor version as ~6.3.8. Do you have any suggestions for that? Thank you.

[shilman]

We’ve updated the way we handle react-router in 6.5. Try upgrading to the latest prerelease:

npx sb@next upgrade --prerelease

Does that fix it?

[karsai5]

After doing some more reading I found this comment which seems to work in case anyone else runs into the same issue https://github.com/remix-run/react-router/issues/7375#issuecomment-975431736.

My decorator now looks like this:

(Story) => (
  <UNSAFE_LocationContext.Provider value={null}>
    <MemoryRouter>
      <Story />
    </MemoryRouter>
  </UNSAFE_LocationContext.Provider>
),