asp.net mvc - Problems with routes and browserHistory.push -

i'm trying build single page app , encountered problems routes.

in code bellow i'm checking if have token, , if don't, redirect user login page browserhistory.push.

the url updated "http://localhost:xxxx/login#/?_k=yyyyy" page doesn't refresh.

//home.js import react "react"; import doccookies "doccookies"; import { router, browserhistory } "react-router";  export default class home extends react.component {     componentwillmount() {           console.log("component mounted");         if (doccookies.getitem("token")) {             console.log("token found"); // if token found render should fire         }         else {             console.log("tryng transition");             browserhistory.push("/login"); //trying redirect login page         }     }     render() {         return (<h1>this home</h1>);     }  } 

edit: file routes defined

import react "react"; import {route, router, hashhistory, indexroute} "react-router";  import home "./home/home"; import login "./login/login";  export default class layout extends react.component {    constructor() {        super();        this.state = {token: ""};    }     render() {        return (           <div>              <router history={hashhistory}>                  <route path="/" component={home}/>                  <route path="login" component={login} />              </router>           </div>       )}; } 

thanks in advance.