React-router browserHistory.push doesn't redirect
<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>