title: React Router Links getting Change but not the View
body: <p>Hi I googled everywhere about my problem still no luck for me.
  Here i attached my sample code.</p>
  
  
  
  <pre class="lang-js prettyprint-override"><code>import React from 'react';
  import {
    BrowserRouter,
    Route,
    Switch,
    NavLink,
    Redirect
  } from "react-router-dom";
  
  const Login = () =&gt; &lt;div&gt; Login Content &lt;NavLink to ="/AppHome"&gt; go to App&lt;/NavLink&gt; &lt;/div&gt;;
  
  const Register = () =&gt; &lt;div&gt; Register Content &lt;/div&gt;;
  
  const AppHome = () =&gt; &lt;div&gt; Welcome to the App &lt;/div&gt;;
  
  class Authenticate extends React.Component {
    render() {
      return ( 
        &lt;&gt;
          &lt;div&gt;
            &lt;NavLink to={"/Login"}&gt; Login &lt;/NavLink&gt; 
            &lt;NavLink to = {"/Register"} &gt; Register &lt; /NavLink&gt; 
          &lt;/div&gt; 
          &lt;div&gt;
            &lt;Switch &gt;
             &lt;Route path={"/"} component={Login} /&gt;
             &lt;Route path={"/Login"} component={Login}/&gt; 
             &lt;Route path={"/Register"} component = {Register}/&gt;
            &lt;/Switch&gt; 
          &lt;/div&gt;
        &lt;/&gt;
      );
    }
  }
  
  class App extends React.Component {
    render() {
      return ( 
        &lt;BrowserRouter &gt;
          &lt;Switch &gt;
           &lt;Route path="/" component={Authenticate}/&gt; 
           &lt;Route path="/AppHome" component={AppHome}/&gt; 
          &lt;/Switch&gt; 
        &lt;/BrowserRouter&gt;
      )
    }
  }
  
  export default App;
  </code></pre>
  
  <p>Here, In <code>Localhost:3000</code> , i set Login <code>Component</code> as default to show. it shows the view but when clicking on the signup link, url only changing not the view. what am i done wrong?</p>