title: Reactjs reload current route when hitting reload button, not the entire application
body: <p>I have a basic react-router setup, with Switch, like this: </p>
  
  <pre><code>import React from "react"
  import {Route, Switch } from "react-router-dom"
  
  import AuthenticatedRoute from "./components/AuthenticatedRoute"
  import UnauthenticatedRoute from "./components/UnauthenticatedRoute"
  
  import Home from './containers/Home'
  import Login from './containers/Login'
  import Books from './containers/Books'
  
  
  import NotFound from './containers/NotFound'
  
  
  export default ({ childProps }) =&gt; (
    &lt;Switch&gt;
      &lt;AuthenticatedRoute path="/" exact component={Home} props={childProps} /&gt;
      &lt;UnauthenticatedRoute path="/login" exact component={Login} props={childProps} /&gt;
      &lt;AuthenticatedRoute path="/books" exact component={Books} props={childProps} /&gt;
  
      { /* Finally, catch all unmatched routes */ }
      &lt;Route component={NotFound} /&gt;
    &lt;/Switch&gt;
  )
  
  </code></pre>
  
  <p>and AuthenticatedRoute module like: </p>
  
  <pre><code>import React from "react";
  import { Route, Redirect } from "react-router-dom";
  
  export default ({ component: C, props: cProps, ...rest }) =&gt; (
    &lt;Route
      {...rest}
      render={props =&gt;
        cProps.isAuthenticated
          ? &lt;C {...props} {...cProps} /&gt;
          : (
            &lt;Redirect
              to="/login"
            /&gt;
  )}
    /&gt;
  )
  </code></pre>
  
  <p>Now, everything is OK, but, when I'm on <code>/books</code> route and hit the reload button on browser or <kbd>F5</kbd>, the whole application refreshes, and starts from home page, and I lose my current active route.</p>
  
  <p>How can I preserve my active route when hitting the reload?</p>