title: React doesn't render without Reloading the page on URL Change
body: <p>I'm trying to create a dashboard structure, with redirect on button click to different components.</p>
  
  <p>I am able to do the URL change, but still the page doesn't load without a hard reload on that url.</p>
  
  <p>My code as Below : 
  <strong>Navigate.JS</strong></p>
  
  <pre><code>import React from 'react';
  import {
      BrowserRouter as Router,
      Switch,
      Route,
  } from "react-router-dom";
  import SalesDashBoard from "./salesDashBoard";
  import OrderScreen from "./OrderScreen";
  
  
  function SDNavigator(){
      return(
          &lt;div&gt;
              &lt;Router&gt;
                  &lt;Switch&gt;
                      &lt;Route exact path="/salesDesk" component={SalesDashBoard}/&gt;
                      &lt;Route exact path="/salesDesk/OrderScreen" component={OrderScreen}/&gt;
                  &lt;/Switch&gt;
              &lt;/Router&gt;
          &lt;/div&gt;
      )}
  export default SDNavigator;
  </code></pre>
  
  <p><strong>SalesDashBoard.js</strong></p>
  
  <pre><code>import React from 'react';
  import {BrowserRouter as Router, Link} from "react-router-dom";
  import Button from "@material-ui/core/Button";
  
  function SalesDashBoard() {
      return (
          &lt;Router&gt;
              &lt;div&gt;
                  &lt;h3&gt;Dashboard Links&lt;/h3&gt;
                      &lt;Button
                          component={Link} to="/salesDesk/OrderScreen"
                          variant="contained"
                          color="primary"
                          type="submit"
                      &gt;
                          Login
                      &lt;/Button&gt;
              &lt;/div&gt;
          &lt;/Router&gt;
      )
  }
  
  export default SalesDashBoard;
  </code></pre>
  
  <p><strong>OrderScreen.js</strong> </p>
  
  <pre><code>import React from 'react';
  
  function OrderScreen() {
      return (
          &lt;div Order Screen /&gt;
      );
  }
  export default OrderScreen;
  </code></pre>
  
  <p>The page is loading when reload after the click is done and URL is changed, without reloading its still showing the Dashboard page.</p>
  
  <p>PS : I have already routing this from App.js -> DashBoard.js, Thats working fine.</p>