title: Error: Cannot find file: 'index.js' does not match the corresponding name on disk: './node_modules/React/react'
body: <p>Here is an image of the error and the console error...</p>
  <p><a href="https://i.stack.imgur.com/v0bmo.png" rel="noreferrer"><img src="https://i.stack.imgur.com/v0bmo.png" alt="Screenshot of Error" /></a></p>
  <p>My code seems to be correct and the paths of the imports are good too, I don't understand why I'm getting this error.</p>
  <p>Notifications.js</p>
  <pre><code>import React from 'React'
  
  const Notifications = () =&gt; {
      return(
          &lt;div&gt;
              &lt;p&gt;Notifications&lt;/p&gt;
          &lt;/div&gt;
      )
  }
  
  export default Notifications
  </code></pre>
  <p>ProjectList.js</p>
  <pre><code>import React from 'React'
  
  const ProjectList = () =&gt; {
      return(
          &lt;div&gt;
              &lt;div className=&quot;project-list section&quot;&gt;
                  &lt;div className=&quot;card z-depth-0 project-summary&quot;&gt;
                      &lt;div className=&quot;card-content grey-text darken-3&quot;&gt;
                          &lt;span className=&quot;card-title&quot;&gt;Project Title&lt;/span&gt;
                          &lt;p&gt;Posted by Net Ninja&lt;/p&gt;
                          &lt;p className=&quot;grey-text&quot;&gt;3rd September, 2018&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      )
  }
  
  export default ProjectList
  </code></pre>