title: Cannot read properties of undefined (reading 'Component')
body: <p><strong>Issue details</strong></p>
  <p>Screen is blank and error message is here:</p>
  <blockquote>
  <p>Cannot read properties of undefined (reading 'Component')</p>
  </blockquote>
  <p><strong>Issue Screenshot</strong></p>
  <p><a href="https://i.stack.imgur.com/gNvdf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gNvdf.png" alt="enter image description here" /></a></p>
  <p>Am i missing anything?</p>
  <p><strong>App.js</strong></p>
  <pre><code>import { Routes, BrowserRouter, Route } from 'react-router-dom';
  import React from 'react';
  
  import LoginComponent from './LoginComponent';
  
  class App extends React.Component {
      render() {
          return (
              &lt;BrowserRouter&gt;
                  &lt;Routes&gt;
                      &lt;Route exact path=&quot;/&quot; &gt;
                          &lt;LoginComponent/&gt;
                      &lt;/Route&gt;
                  &lt;/Routes&gt;
              &lt;/BrowserRouter&gt;
          );
      }
  }
  
  export default App;
  </code></pre>
  <p><strong>Login Component</strong></p>
  <pre><code>import { React } from 'react';
  
  class LoginComponent extends React.Component {
      constructor(props) {
          super(props);
      }
      
      render() {
          return (
              &lt;div className=&quot;col-md-4 &quot;&gt;
                  Login Html
              &lt;/div&gt;
          );
      }
  }
  export default LoginComponent;
  </code></pre>