React Router Switch Support

Hey love this whole set up you have created, I am just stuck with one thing though and thats using react router, My set up is heavily inspired by flush-chunks-boilerplate-webpack-chunknames almost exactly the same, however when i make use of react router and i receive a failed checksum from server to client markup:

 (client) bout!</a></nav><div data-reactid="6">Loa
 (server) bout!</a></nav><div id="home" data-react

It seems that the server renders it just fine but then the client reloads it? I havent done a very deep dive yet but was wondering if there were known issues with react router?

I use react-router in the following way:

The main App:

const Home = universal(() => import('./Home'), {
  resolve: () => require.resolveWeak('./Home'),
  chunkName: 'Home'
})

const App = () => (
  <div>
    <Helmet {...config.head} />
    <Menu />
    <Switch>
      <Route path="/" component={Home} exact />
      <Route path="/about" component={About} exact />
      <Route component={NotFound} exact />
    </Switch>
  </div>
)

Client:

render(
    <AppContainer>
      <Provider store={store} key="provider">
        <BrowserRouter forceRefresh={!supportsHistory}>
          <App />
        </BrowserRouter>
      </Provider>
    </AppContainer>,
    document.getElementById('root')
  )

Server:

const component = (
    <Provider store={store} key="provider">
      <StaticRouter
        location={req.url}
        context={reactRouterContext}
      >
        <App />
      </StaticRouter>
    </Provider>
  )

Any Help would be Greatly Appreciated.

[dawidvdh]

@faceyspacey as promised our boilerplate https://github.com/madeagency/reactivity still working on the documentation, fixing up our code climate score and of course any and all pull requests are super welcome, Let us know what you think!

[dawidvdh]

Hey @faceyspacey i would be super keen. I’ll even do you one better, myself and a few people have been developing a boilerplate for power users that use your tools extensively… we’ll probably be releasing within the next week, I will let you know as soon as its up!