title: React router does not render new component on history change
body: <p>So basically, when I try to change the route from one of the routes, I am calling this.props.history.push('/newPath'). Browser url changes, however new path does not get matched (I assume), because render function of the same components gets called and nothing changes..</p>
  
  <p>index.tsx with router:</p>
  
  <pre><code>import * as React from 'react';
  import * as ReactDOM from "react-dom";
  import { Router, Route } from 'react-router-dom';
  import { createStore, applyMiddleware } from 'redux';
  import { Provider } from 'react-redux';
  import thunk from 'redux-thunk';
  import history from '../services/history.js';
  
  import rootReducer from '../reducers';
  
  import Browse from './browse';
  import ShopItem from './shop-item';
  
  import * as Styles from './index.scss';
  
  const BrowserContainer = () =&gt; {
    const initialState: any = {
      items: window.preloadedData.items || []
    };
    const middlewares = [thunk];
    const store = createStore(rootReducer, initialState, 
  applyMiddleware(...middlewares));
  
    return (
      &lt;Provider store={ store }&gt;
        &lt;Router history={ history }&gt;
          &lt;div className={ Styles['container'] }&gt;
            &lt;Route exact path="/item/:id" component={ ShopItem } /&gt;
            &lt;Route exact path="/home" component={ Browse } /&gt;
          &lt;/div&gt;
        &lt;/Router&gt;
      &lt;/Provider&gt;
    );
  };
  
  ReactDOM.render(
    &lt;BrowserContainer /&gt;,
    document.getElementById("root")
  );
  </code></pre>
  
  <p>Component I am trying to navigate from is connected to redux store using connect function. I have tried wrapping it into withRouter() HOC and remove connect at all, no success. Function I am calling to change route:</p>
  
  <pre><code>getItemAndNavigate(id: string) {
    this.props.history.push(`/item/${id}`);
  }
  </code></pre>
  
  <p>Versions:
      "history": "^4.7.2",
      "react-router-dom": "^4.2.2"</p>