title: Issue with import statement file paths
body: <p>When I attempt to import my SearchBar component into App.js, it says that the module cannot be resolved.</p>
  
  <p>I've been trying to figure this out for days so I assume I must be making a some kind of syntax error. </p>
  
  <p>I've tried just using an export statement on the class declaration line for the SearchBar component class and then importing it into App.js using: <code>Import { SearchBar } from './Components/SearchBar/Searchbar;'</code></p>
  
  <p>Here is the code for SearchBar.js:</p>
  
  <pre><code>import React from 'react';
  
  import './SearchBar.css';
  
  class SearchBar extends React.Component {
    render() {
      return(&lt;JSX Elmements&gt;)
    }
  }
  
  export default SearchBar;
  </code></pre>
  
  <p>Here is the import statement in App.js:</p>
  
  <pre><code>import SearchBar from './Components/SearchBar/SearchBar';
  </code></pre>
  
  <p>And this is the file structure:</p>
  
  <pre><code>SRC/
  - App.js
  - App.css
  - Components/
    - SearchBar/
      - SearchBar.js
      - SearchBar.css
  </code></pre>
  
  <p>This is the error message I get: </p>
  
  <pre><code>./src/App.js
  Module not found: Can't resolve './Components/Searchbar/SearchBar' in '/home/runner/src'
  </code></pre>