Incompatible with react-router v4.4.0-beta.6

I was upgrading an older app and attempting to use connected-react-router, and encountered the following error being generated by react-router when attempting to wrap Links and Switches in this library’s ConnectedRouter.

Error: Invariant failed: You should not use <Link> outside a <Router>

Repro example: https://codesandbox.io/s/ymk0787ox

I’m not familiar with how react-router previously allowed other Router implementations, but it seems that this future version no longer will. I’m also unsure whether this is an issue with connected-react-router or a regression/problem that should be fixed in react-router but I wanted to get your input. Thanks!

[supasate]

@filoxo I saw your codesandbox uses react-router-dom@4.4.0-beta.6, but, uses react-router@4.3.1.

I created a test repo here https://github.com/supasate/test-react-router-4.4.0 and it works well by using react-router and react-router-dom v4.4.0-beta.6. I saw the error appeared if I change one of that to 4.3.1.

However, even though my repo works well on my local machine, when I imported it to Codesandbox, it shows the same error. I guess, on Codesandbox, the Link component may import react-router from a different location of the main react-router used in the repo, and Link needs Context from react-router, so, it may get a different context.

Please let me know if it still happens on your local machine and please provide a repo that I can clone and test on my machine.

[houmingjie]

https://reacttraining.com/blog/react-router-v5/#why-the-major-version-bump