title: React Router Redux ConnectedRouter Not Updating With Route Change
body: <p>I'm running into an issue where ConnectedRouter is not updating history on route change.
  On route change store gets updated history and Router (ConnectedRouter's child) gets updated history but ConnectedRouter's history stays same. The app doesn't render new component but the browser's url changes.</p>
  
  <p>index</p>
  
  <pre><code>import React from 'react'
  import ReactDOM from 'react-dom'
  import { Provider } from 'react-redux'
  import { ConnectedRouter } from 'react-router-redux'
  import AppContainer from './containers/app'
  import { history, store } from './store'
  
  ReactDOM.render(
    &lt;Provider store={store}&gt;
      &lt;ConnectedRouter history={history}&gt;
        &lt;AppContainer /&gt;
      &lt;/ConnectedRouter&gt;
    &lt;/Provider&gt;,
    document.getElementById('root')
  )
  </code></pre>
  
  <p>store</p>
  
  <pre><code>import createHistory from 'history/createBrowserHistory'
  import { createStore, applyMiddleware, compose } from 'redux'
  import { routerMiddleware } from 'react-router-redux'
  import { rootReducer } from './reducers/root'
  
  const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
  
  export const history = createHistory()
  const middleware = routerMiddleware(history)
  
  export const store = createStore(
    rootReducer,
    composeEnhancers(applyMiddleware(middleware))
  )
  </code></pre>
  
  <p>rootReducer</p>
  
  <pre><code>import { combineReducers } from 'redux'
  import { routerReducer } from 'react-router-redux'
  
  export const rootReducer = combineReducers({
    router: routerReducer,
  })
  </code></pre>
  
  <p>HeaderContainer</p>
  
  <pre><code>import { bindActionCreators } from 'redux'
  import { connect } from 'react-redux'
  import { withRouter } from 'react-router-dom'
  import { push } from "react-router-redux"
  import { HeaderTemplate } from '../components/templates/header'
  
  const mapStateToProps = state =&gt; ({})
  
  const mapDispatchToProps = dispatch =&gt;
    bindActionCreators({
      pushRoute: location =&gt; dispatch(push(location)),
    }, dispatch)
  
  export default withRouter(
    connect(mapStateToProps, mapDispatchToProps)(HeaderTemplate)
  )
  </code></pre>
  
  <p>HeaderTemplate</p>
  
  <pre><code>import React from 'react'
  
  export const HeaderTemplate = props =&gt; (
    &lt;div className="content"&gt;
      &lt;nav&gt;
        &lt;ul&gt;
          &lt;SomeLink onClick={() =&gt; props.pushRoute('/')}&gt;Link1&lt;/SomeLink&gt;
          &lt;SomeLink onClick={() =&gt; props.pushRoute('/test')}&gt;Link2&lt;/SomeLink&gt;
        &lt;/ul&gt;
      &lt;/nav&gt;
    &lt;/div&gt;
  )
  </code></pre>