title: React router dom renders a blank page
body: <p>I am new to react-router-dom for the first time . I am using react-router-dom to switch between pages and it is rendering a blank page, only the navbar component is rendering. When I render the home and auth components individually outside the Routes, they render successfully.Please help me debugging this code.</p>
  <p>Here is my App.js</p>
  <pre><code>import React from 'react';
  import { Container } from '@material-ui/core';
  import { BrowserRouter , Route , Routes } from 'react-router-dom'
  
  import Home from './components/Home/Home';
  import Navbar from './components/Navbar/Navbar';
  import Auth from './components/Auth/Auth';
  
  const App = () =&gt; (
    &lt;BrowserRouter&gt;
      &lt;Container maxWidth=&quot;lg&quot;&gt;
        &lt;Navbar /&gt;
        {/* &lt;Home/&gt;
        &lt;Auth/&gt; */}
        &lt;Routes&gt;
          &lt;Route exact path=&quot;/&quot;  component={Home} /&gt;
          &lt;Route exact path=&quot;/auth&quot;  component={Auth} /&gt;
        &lt;/Routes&gt;
      &lt;/Container&gt;
    &lt;/BrowserRouter&gt;
  );
  
  export default App;
  
  </code></pre>
  <p>Here is my package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;client&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;proxy&quot;: &quot;http://localhost:5000/&quot;,
    &quot;dependencies&quot;: {
      &quot;@material-ui/core&quot;: &quot;^4.12.3&quot;,
      &quot;@material-ui/icons&quot;: &quot;^4.11.2&quot;,
      &quot;@testing-library/jest-dom&quot;: &quot;^4.2.4&quot;,
      &quot;@testing-library/react&quot;: &quot;^9.3.2&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^7.1.2&quot;,
      &quot;axios&quot;: &quot;^0.19.2&quot;,
      &quot;moment&quot;: &quot;^2.27.0&quot;,
      &quot;react&quot;: &quot;^16.12.0&quot;,
      &quot;react-dom&quot;: &quot;^16.12.0&quot;,
      &quot;react-file-base64&quot;: &quot;^1.0.3&quot;,
      &quot;react-google-login&quot;: &quot;^5.2.2&quot;,
      &quot;react-redux&quot;: &quot;^7.2.6&quot;,
      &quot;react-router-dom&quot;: &quot;^6.2.2&quot;,
      &quot;react-scripts&quot;: &quot;3.4.1&quot;,
      &quot;redux&quot;: &quot;^4.0.5&quot;,
      &quot;redux-thunk&quot;: &quot;^2.3.0&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;react-scripts start&quot;,
      &quot;build&quot;: &quot;react-scripts build&quot;,
      &quot;test&quot;: &quot;react-scripts test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: &quot;react-app&quot;
    },
    &quot;browserslist&quot;: {
      &quot;production&quot;: [
        &quot;&gt;0.2%&quot;,
        &quot;not dead&quot;,
        &quot;not op_mini all&quot;
      ],
      &quot;development&quot;: [
        &quot;last 1 chrome version&quot;,
        &quot;last 1 firefox version&quot;,
        &quot;last 1 safari version&quot;
      ]
    },
    &quot;devDependencies&quot;: {
      &quot;eslint-config-airbnb&quot;: &quot;^18.2.0&quot;,
      &quot;eslint-plugin-import&quot;: &quot;^2.22.0&quot;,
      &quot;eslint-plugin-jsx-a11y&quot;: &quot;^6.3.1&quot;,
      &quot;eslint-plugin-react&quot;: &quot;^7.20.6&quot;,
      &quot;eslint-plugin-react-hooks&quot;: &quot;^4.1.0&quot;
    }
  }
  
  
  </code></pre>