reactjs - URL not changing in React Routes -

i'm trying implement react-router in application. i've initialized router in index.js , works fine. doesn't change url in browser , throws error in console.

warning: [react-router] `router` no longer defaults history prop hash history. please use `hashhistory` singleton instead.

index.js

import 'core-js/fn/object/assign'; import react 'react'; import reactdom 'react-dom'; import { router, route, browserhistory,indexroute } 'react-router';  // custom components import app './components/main'; import dashboard  './components/containers/dashboard'; import settings  './components/containers/settings'; import workspace  './components/containers/workspace'; import main  './components/main';  reactdom.render((    <router histrory={browserhistory}>     <route path="/" component={main}>       <indexroute component={dashboard}></indexroute>       <route path="/workspace" component={workspace}></route>       <route path="/dashboard" component={dashboard}></route>       <route path="/settings" component={settings}></route>     </route>   </router>   ), document.getelementbyid('app')); 

main.js

require('normalize.css/normalize.css'); require('styles/app.scss');  //import custom components import react 'react'; import { router, route,link, browserhistory } 'react-router';  import sidenav  './containers/sidenav'; import  page './page';   class appcomponent extends react.component {   render() {     return (       <div>         <sidenav />         <div classname="page-wrap">           {this.props.children}         </div>       </div>     );   } }  appcomponent.defaultprops = { }; export default appcomponent; 

route working fine , component getting rendered correctly. please suggest bind urls.

thank in advance. :d

you have typo in <router histrory={browserhistory}> - history