title: React Router V4, Component not updating
body: <p>This is my newest side project, the netflix clone. I used <code>react-router v4</code> &amp; <code>autosuggest</code>.</p>
  
  <p>github (<a href="https://github.com/kuanhsuh/netflix-clonev2" rel="nofollow noreferrer">https://github.com/kuanhsuh/netflix-clonev2</a>)</p>
  
  <p>demo (<a href="http://netflix-clonev2.surge.sh/#/" rel="nofollow noreferrer">http://netflix-clonev2.surge.sh/#/</a>)</p>
  
  <p>However I found a bug, If I’m home the movie show page, the links in my search will not work(after clicking it the show component does not update). I think it has to do with <code>router v4</code> and <code>redux</code> integration. </p>
  
  <p>I tried the <code>this</code> method, but it still doesn’t work (<a href="https://stackoverflow.com/questions/42123261/programmatically-navigate-using-react-router-v4">Programmatically navigate using react router V4</a>).</p>
  
  <p>Here are my nav links and my routes.</p>
  
  <p>Nav.js</p>
  
  <pre><code>import { Link, withRouter } from 'react-router-dom'
  
  ...
  
  onSuggestionSelected = (event , { suggestion, history }) =&gt; {
    event.preventDefault();
    this.props.history.push('/movie/'+ suggestion.id)
    this.setState({ value: ''});
  }
  ....
  
  Nav.propTypes = {
    history: React.PropTypes.shape({
      push: React.PropTypes.func.isRequired,
    }).isRequired,
  };
  
  export default withRouter(connect(mapStateToProps, {fetchSearch})(Nav));
  </code></pre>
  
  <p>App.js(where my routes are)</p>
  
  <pre><code>&lt;Router&gt;
    &lt;div&gt;
      &lt;Nav /&gt;
      &lt;Switch&gt;
        &lt;Route exact path="/" component={MovieList}/&gt;
        &lt;Route path="/movie/:id" component={MovieShow}/&gt;
        &lt;Route component={NotFound}/&gt;
      &lt;/Switch&gt;
      &lt;Footer /&gt;
    &lt;/div&gt;
  &lt;/Router&gt;
  </code></pre>
  
  <p>Thanks for you help!! It means a lot for me since I'm still a beginner =)</p>