title: Adding hashrouter to routes makes 'push' to stop render components
body: <p>I have a ConnectedRouter to which I wanted to add hashes to all the routes so I added the HashRouter component like this:</p>
  
  <pre><code>// @flow
  import React from 'react';
  
  import { Router, Route,Switch } from 'react-router'
  import { HashRouter } from 'react-router-dom'
  import { ConnectedRouter } from 'react-router-redux';
  import { routerActions } from 'react-router-redux';
  import { UserAuthWrapper } from 'redux-auth-wrapper';
  import StudiesViewContainer from './components/views/studies/StudiesViewContainer';
  import NotificationsViewContainer from './components/views/notifications/NotificationsViewContainer';
  import UserView from './components/views/user/UserView';
  import StudyViewContainer from './components/views/studies/StudyViewContainer';
  import { getUser } from './reducers';
  import LoginView from './components/views/login';
  import NotFoundView from './components/views/notFound';
  import ForbiddenView from './components/views/forbidden';
  
  const UserIsAuthenticated = UserAuthWrapper({
    authSelector: getUser,
    redirectAction: routerActions.replace,
    failureRedirectPath: '/',
    wrapperDisplayName: 'UserIsAuthenticated'
  });
  
  const configRouter = (history: Object) =&gt; {
    return () =&gt;
      &lt;ConnectedRouter history={ history }&gt;
        &lt;HashRouter&gt;
          &lt;Switch&gt;
            &lt;Route path="/studies" component={ StudiesViewContainer } /&gt;
            &lt;Route path="/study/:id" component={ StudyViewContainer } /&gt;
            &lt;Route path="/user"  component={ UserView } /&gt;
            &lt;Route path="/notifications" component={ NotificationsViewContainer } /&gt;
            &lt;Route path="/forbidden" component={ ForbiddenView } /&gt;
            &lt;Route path="/not-found" component={ NotFoundView } /&gt;
            &lt;Route path="/" component={ LoginView } /&gt;
            &lt;Route path="*" component={ NotFoundView } /&gt;
          &lt;/Switch&gt;
        &lt;/HashRouter&gt;
      &lt;/ConnectedRouter&gt;
  };
  
  export default configRouter;
  </code></pre>
  
  <p>The problem is that when I do something like this:</p>
  
  <pre><code>push('studies')
  </code></pre>
  
  <p>The route does not add the hash and the new components are not rendered. </p>
  
  <p>I added the browser history to my store, here is the configureStore file:</p>
  
  <pre><code>// @flow
  import { createStore, applyMiddleware, compose } from 'redux';
  import thunk from 'redux-thunk';
  import createHistory from 'history/createBrowserHistory'
  import { routerMiddleware } from 'react-router-redux';
  import createSagaMiddleware from 'redux-saga'
  import {
    persistStore,
    autoRehydrate,
    createTransform
  } from 'redux-persist';
  
  import mainSaga from '../sagas';
  import reducer from '../reducers';
  
  const history = createHistory();
  const routingMiddleware = routerMiddleware(history);
  const sagaMiddleware = createSagaMiddleware();
  
  // Remove error field from persisted auth substate
  let authTransform = createTransform(
    (inboundState, key) =&gt;
      key === 'auth' ?
        { ...inboundState, error: undefined }:
        inboundState,
    outboundState =&gt; outboundState,
    {
      whitelist: [
        'auth',
        'permissions'
      ]
    }
  );
  
  const configureStore = (): Promise&lt;*&gt; =&gt; {
    let middlewares = [routingMiddleware,thunk, sagaMiddleware ];
    let composeEnhancers = compose;
  
    if(process.env.NODE_ENV !== 'production') {
      composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
    }
  
    const store = createStore(
      reducer,
      composeEnhancers(
        applyMiddleware(...middlewares),
        autoRehydrate()));
  
    sagaMiddleware.run(mainSaga);
  
    return new Promise(resolve =&gt; {
      persistStore(
        store, {
          whitelist: ['auth', 'permissions'],
          debounce: 500,
          transforms: [
            authTransform
          ]
        },
        () =&gt; resolve({ store, history })
      );
    });
  };
  
  export default configureStore;
  </code></pre>
  
  <p>Can anyone help me get the <code>push</code> working as expected?</p>
  
  <p>I am using the following versions of router in package json:</p>
  
  <pre><code>"react-router": "^4.2.0",
  "react-router-dom": "^4.2.2",
  "react-router-redux": "next",
  </code></pre>