title: React-router browserHistory.push doesn't redirect
body: <p>Trying to use <code>browserHistory.push</code> method to change my route programmatically.</p>
  
  <p>It will change the route (per browser address bar) but doesn't update the view.</p>
  
  <p>Here's my code
    App.jsx</p>
  
  <pre><code>const AppStart = React.createClass({
  
    render: function() {
      return (
        &lt;MuiThemeProvider&gt;
          &lt;Router history={hashHistory}&gt;
            &lt;Route path="/" component={Main}&gt;
              &lt;Route path="experiences" component={Experiences} /&gt;
              &lt;Route path="people" component={Profiles} /&gt;
              &lt;Route path="login" component={Login} /&gt;
              &lt;IndexRoute component={Home}/&gt;
            &lt;/Route&gt;
          &lt;/Router&gt;
        &lt;/MuiThemeProvider&gt;
      );
    }
  });
  
  ReactDOM.render(
    &lt;AppStart /&gt;,
    document.getElementById('app')
  );
  </code></pre>
  
  <p>Component:</p>
  
  <pre><code>handleLoginRedirect(e) {
      browserHistory.push('/experiences');
    },
  
    render() {
      return (
        &lt;div className='row'&gt;
          &lt;div className='col-sm-10 col-sm-offset-1'&gt;
            &lt;form role='form'&gt;
             &lt;RaisedButton label="Redirect" onClick={this.handleLoginRedirect} /&gt;
            &lt;/form&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
  </code></pre>