Navi is designed to work alongside react-router. This is made possible because react-router interacts with the browser history API using a separate history package — which can be shared with Navi by passing it to your
<Router> component or
In order to use Navi with react-router, you’ll just need to render your
<Router> element within the handler for a react-router
<Route>. You’ll also need to pass in
basename props to get your Navi router to sync up with react-router.
Here’s an example: