title: Problems with routes and browserHistory.push
body: <p>I'm trying to build a single page app and I encountered some problems with Routes.</p>
  
  <p>In the code bellow I'm checking if I already have a Token, and if I don't, I redirect the user to the login page with browserHistory.push.</p>
  
  <p>The url get updated to "<a href="http://localhost:xxxx/login#/?_k=yyyyy" rel="nofollow">http://localhost:xxxx/login#/?_k=yyyyy</a>" but the page doesn't refresh.</p>
  
  <pre><code>//Home.js
  import React from "react";
  import docCookies from "docCookies";
  import { Router, browserHistory } from "react-router";
  
  export default class Home extends React.Component {
      componentWillMount() {
            console.log("Component mounted");
          if (docCookies.getItem("token")) {
              console.log("token found"); // If a token is found render should fire
          }
          else {
              console.log("Tryng to transition");
              browserHistory.push("/login"); //Trying to redirect to the login page
          }
      }
      render() {
          return (&lt;h1&gt;This is home&lt;/h1&gt;);
      }
   }
  </code></pre>
  
  <p>EDIT: This is the file where my routes are defined</p>
  
  <pre><code>import React from "react";
  import {Route, Router, hashHistory, IndexRoute} from "react-router";
  
  import Home from "./home/Home";
  import Login from "./login/Login";
  
  export default class Layout extends React.Component {
     constructor() {
         super();
         this.state = {token: ""};
     }
  
     render() {
         return (
            &lt;div&gt;
               &lt;Router history={hashHistory}&gt;
                   &lt;Route path="/" component={Home}/&gt;
                   &lt;Route path="login" component={Login} /&gt;
               &lt;/Router&gt;
            &lt;/div&gt;
        )};
  }
  </code></pre>
  
  <p>Thanks in advance.</p>