I'm learning React. I have page with 4 subpages and i use React Router to go through those pages. Everything works fine except for reloading page. When i go from page home to about or other it's ok, but when i refresh page then it render again page about for a second and then it change page to home (home is default/first page).I want it to stay at that page which is currently rendered, not go back to home after every refresh.
There is my code in index.js file where i render whole app and use router:

<Provider store={store}>

    <Router path=/ history={browserHistory}>

        <Route path=/home component={App}> 

            <Route path=/ component={Home}/>

            <Route path=/allhotels component={AllHotels}/>

            <Route path=/addhotel component={AddHotel} />

            <Route path=/about component={About} />

        </Route>

        <Route path=/signin component={SignIn} />

        <Route path=/signup component={SignUp} />

    </Router>

</Provider>, document.getElementById('root')

In App i have Navigation and there i render rest of conent from Home, AllHotels etc.

There is code from App.jsx

class App extends Component {



render() {

    return (

        <div className=app-comp>

            <Navigation />

            <div> {this.props.children}</div>

        </div>

    )

  }

}

I also attach gif which shows my problem.

https://gifyu.com/image/boMp

In backend i use Firebase if it's important.

Thanks in advance.