title: Cannot import react js component
body: <p>I trying to import a react component to jsx file but it throws this exception:
  <a href="https://i.stack.imgur.com/jOFsg.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jOFsg.jpg" alt="import error react"></a></p>
  
  <p>This is my main code:</p>
  
  <pre><code>import React, { Component } from "react";
  import Sidebar from "./Sidebar";
  
  class App extends Component{
      render(){
          return (
              &lt;Sidebar/&gt;
          );
      }
  }
  
  ReactDOM.render(
      &lt;App /&gt;, 
      document.getElementById("root")
  );
  </code></pre>
  
  <p>and this is my Sidebar component:</p>
  
  <pre><code>import React, { Component } from "react";
  
  export default class Sidebar extends Component{
      render(){
          return (
              &lt;h1&gt;Hello Sidebar&lt;/h1&gt;
          );
      }
  }
  </code></pre>
  
  <p>My folders structure:</p>
  
  <p><a href="https://i.stack.imgur.com/XEO9e.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XEO9e.jpg" alt="Folder Structure react"></a></p>