title: BrowserRouter, Route, Router, Routes not working
body: <p>I am learning to react and trying to build a nav bar. But when I tried to use route to make my navbar links functional or add pages. It shows me a blank page. But when I delete this portion <code>&lt;BrowserRouter&gt;...&lt;/BrowserRouter&gt;</code>. My nav bar shows but as I don't use route there it won't show page components when I go to that page (i.e. http://localhost:3000/about).</p>
  <p>Code:</p>
  <pre><code>import React, { Component } from 'react';
  import './App.css';
  import 'whatwg-fetch';
  import Series from '../../containers/Series';
  import Navbar from '../Navbar';
  import {BrowserRouter, Route, Router, Routes} from 'react-router-dom';
  import About from '../../pages/about';
  import Home from '../../pages/home';
  
  function App() {
    return (
      &lt;&gt;
        &lt;Navbar /&gt;
        &lt;BrowserRouter&gt;
          &lt;Routes&gt;
            &lt;Route exact path=&quot;/&quot; component={Home} /&gt;
            &lt;Route exact path=&quot;/about&quot; component={About} /&gt;
          &lt;/Routes&gt;
        &lt;/BrowserRouter&gt;
      &lt;/&gt;
    );
  }
   
  export default App;
  </code></pre>