Use with React Router 4

[Knaackee]

Is it possible to use next.js with the new react router v4?

[oyeanuj]

@Knaackee Did you try out the possibility? I am wondering as well if someone has gotten it to work with any version of RR?

[sergiodxa]

Next has his own router, why use RR?

[oyeanuj]

@sergiodxa Weighing options as I port my existing app to Next. I have a static, nested route config working and wondering what can I keep using, and what not..

[sergiodxa]

@oyeanuj 🤔 you can gradually migrate to Next, just set Next.js to handle 1 route and use a proxy to have both your current app and the Next.js one, then move a second route from RR to Next.js, and that way you can keep your current app while migrating, eventually you will have everything in Next.js

[igl]

From looking at the examples it seems that next has a single route table like RRv2-3 and does not support "nested routes" like RRv4. These are nice.

I would try to use RR or is there a big caveat i don't know about?

[mrwillis]

@igl Have you figured out a solution to that?

[jcheroske]

The new react-router 4 paradigm of nested routes is a game-changer, and is something of a must-have in our current project. I'm wondering if anyone has succeeded in getting rr4 to work with next.js?

[malixsys]

MemoryRouter does work, if not as intended...
Otherwise, dynamic components can be client-side only, where HashRouter works fine...

const AdminPage = dynamic(
  import('..../AdminPage'),
  { ssr: false }
);

[pegiadise]

I 'm also following @malixsys approach and handling client side routing with react-router and all the server rendered content with next router.

[dennis-b]

@malixsys @pegiadise can u please give some more details how to use next router and react-router together ?

[pegiadise]

You can set a flag in componentDidMount and conditionally render the <Router /> when the flag is truthy. (componentDidMount does not run on server 😉)

[jaydenseric]

In fact, we're incorporating React Router inside Next.js soon :)
— https://twitter.com/rauchg/status/948318111828099072

[JonCognioDigital]

Is this still happening? I can see the release notes for V6 canary and there is no mention of it.