title: New version react router doesn't work with redux
body: <p>maybe this issue is because the new version of the react router have few days, but I have been reading about this issue and I want to clarify what is going on. I am using the last version of the react router and I want to do the routing through redux. I follow the steps that are listed in the documentation of the redux router module: <a href="https://github.com/ReactTraining/react-router/tree/master/packages/react-router-redux" rel="nofollow noreferrer">https://github.com/ReactTraining/react-router/tree/master/packages/react-router-redux</a>, but I receive this error when I make the implementation: (I know that the issue is in the server render)</p>
  
  <pre><code>Invariant Violation: Browser history needs a DOM
  </code></pre>
  
  <p>Here is my code (the important parts):</p>
  
  <p><strong>server.js</strong></p>
  
  <pre><code>import { Provider } from 'react-redux';
  import store from './store';
  
  lisaApp.get('*', function (req, res) {
    const context = {};
  
    const html = renderToString(
      &lt;Provider store={store}&gt;
        &lt;MuiThemeProvider muiTheme={getMuiTheme()}&gt;
          &lt;StaticRouter location={req.url} context={context}&gt;
            &lt;Routes /&gt;
          &lt;/StaticRouter&gt;
        &lt;/MuiThemeProvider&gt;
      &lt;/Provider&gt;,
    );
  
    res.setHeader('Content-Type', 'text/html');
  
    if (context.url) {
      res.writeHead(301, {
        Location: context.url,
      });
      res.end();
    }
  
    res.write(
      renderToStaticMarkup(&lt;Layout title={req.title} content={html} /&gt;),
    );
  
    res.end();
  }
  </code></pre>
  
  <p><strong>client.js</strong></p>
  
  <pre><code>import { Provider } from 'react-redux';
  import createHistory from 'history/createBrowserHistory';
  import { BrowserRouter } from 'react-router-dom';
  import store from './store';
  
  render((
    &lt;Provider store={store}&gt;
      &lt;MuiThemeProvider muiTheme={getMuiTheme()}&gt;
        &lt;BrowserRouter history={createHistory()}&gt;
          &lt;Routes /&gt;
        &lt;/BrowserRouter&gt;
      &lt;/MuiThemeProvider&gt;
    &lt;/Provider&gt;),
    document.getElementById('app'));
  </code></pre>
  
  <p><strong>store.js</strong></p>
  
  <pre><code>import { createStore, combineReducers, applyMiddleware } from 'redux'
  import createHistory from 'history/createBrowserHistory'
  import { ConnectedRouter, routerReducer, routerMiddleware, push } from 'react-router-redux'
  import thunk from 'redux-thunk';
  
  import reducer from './reducer';
  
  const history = createHistory()
  const middlewareHistory = routerMiddleware(history)
  
  const store = createStore(
    combineReducers({
      reducer,
      router: routerReducer
    }),
    applyMiddleware(
      middlewareHistory,   
      thunk
    )
  );
  
  export default store;
  </code></pre>
  
  <p><strong>component.js (dispatch)</strong></p>
  
  <pre><code>const mapDispatchToProps = dispatch =&gt; {
    return {
      onNavigateTo(dest) {
        dispatch(push(dest));
      }
    };
  };
  </code></pre>
  
  <p>Obviously the dispatch, from my component never is called. Anyone can me clarify me where I am wrong? or maybe this feature is not implemented yet in the react router redux module? In advance Thanks.</p>