title: React Router not working for my components
body: <p>I am trying to use react router v5. Below is the App.js file which I am trying to use BrowserRouter.</p>
  
  <hr>
  
  <pre><code>import React, {Component} from 'react';
  import {BrowserRouter as Router, Switch, Route, Link} from 'react- 
  router-dom';
  
  import Navbar from './components/Navbar';
  import Home from './components/home/Home';
  import Projects from './components/projects/Projects';
  
  &lt;Link to="/projects"&gt;Projects&lt;/Link&gt;;
  
  
  class App extends Component{
      render(){i
          return (
              &lt;Router&gt;
                  &lt;div className="App"&gt;
                      &lt;Navbar /&gt;
                      &lt;Switch&gt;
                          &lt;Route exact path="/" component={Home} /&gt;
                          &lt;Route exact path="/projects" component={Projects} /&gt;
                      &lt;/Switch&gt;
                  &lt;/div&gt;
              &lt;/Router&gt;
          )
      }
  };
  export default App;
  </code></pre>
  
  <hr>
  
  <p>When I append "/projects" to "localhost:3000" I would like the projects page to be rendered, but I am taken to a blank page with "/home/aaron/projects/website/src/index.html". If anyone may know why this is please inform me. I've read many tutorials and it seems that I am following all the steps correctly.</p>