title: React Router - Stay at the same page after refresh
body: <p>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:</p>
  
  <pre><code>&lt;Provider store={store}&gt;
      &lt;Router path="/" history={browserHistory}&gt;
          &lt;Route path="/home" component={App}&gt; 
              &lt;Route path="/" component={Home}/&gt;
              &lt;Route path="/allhotels" component={AllHotels}/&gt;
              &lt;Route path="/addhotel" component={AddHotel} /&gt;
              &lt;Route path="/about" component={About} /&gt;
          &lt;/Route&gt;
          &lt;Route path="/signin" component={SignIn} /&gt;
          &lt;Route path="/signup" component={SignUp} /&gt;
      &lt;/Router&gt;
  &lt;/Provider&gt;, document.getElementById('root')
  </code></pre>
  
  <p>In "App" i have Navigation and there i render rest of conent from Home, AllHotels etc.</p>
  
  <p>There is code from App.jsx</p>
  
  <pre><code>class App extends Component {
  
  render() {
      return (
          &lt;div className="app-comp"&gt;
              &lt;Navigation /&gt;
              &lt;div&gt; {this.props.children}&lt;/div&gt;
          &lt;/div&gt;
      )
    }
  }
  </code></pre>
  
  <p>I also attach gif which shows my problem.</p>
  
  <p><a href="https://gifyu.com/image/boMp" rel="noreferrer">https://gifyu.com/image/boMp</a></p>
  
  <p>In backend i use Firebase if it's important.</p>
  
  <p>Thanks in advance.</p>