title: Simple React Component not rendering after Routing
body: <p>I'm a beginner in React and I'm learning how to route. My page changes urls, but the view turns to a blank page. My index page is working fine. I don't have any console errors.</p>
  
  <p>In Router.js</p>
  
  <pre><code>import React from "react";
  import {
    BrowserRouter,
    Route,
    Switch,
  } from "react-router-dom";
  import App from './App'
  import SinglePriceGrid from './component/SinglePriceGrid'
  
  function Router() {
      return (
         &lt;BrowserRouter&gt;
              &lt;Switch&gt;
                  &lt;Route exact path="/" component={App} /&gt;
                  &lt;Route path="/single-page-grid" component={SinglePriceGrid} /&gt;
              &lt;/Switch&gt;
         &lt;/BrowserRouter&gt;
      )
  }
  export default Router
  </code></pre>
  
  <p>In SinglePriceGrid.js</p>
  
  <pre><code>import React from 'react';
  import '../css/SinglePriceGrid.css'
  
  class SinglePriceGrid extends React.Component {
      render() {
          return (
              &lt;div className="SinglePriceGrid"&gt;
                  &lt;h1&gt;Hello Single Price Grid!&lt;/h1&gt;
              &lt;/div&gt;
          );
      }
  }
  export default SinglePriceGrid;
  </code></pre>
  
  <p>edit: Added the imports I used</p>
  
  <p>edit: Readded the Switch, but it did not solve the problem</p>