title: React error: warn There are multiple modules with names that only differ in casing
body: <p>I am getting a warning about having 'multiple modules with names that only differ in casing'.</p>
  
  <p>What I tried: Change import declarations of react, delete node modules and reinstall with npm i.</p>
  
  <p>This is how I import react in my components: import React from 'react'</p>
  
  <p>Here is the warning message:</p>
  
  <pre><code>This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
  Use equal casing. Compare these module identifiers:
  * /Users/Downloads/website/node_modules/gatsby/dist/utils/babel-loader.js??ref--4-0!/Users/Downloads/website/node_modules/eslint-loader/index.js??ref--11-0!/Users/Downloads/website/src/components/DiscoverBannerIndex.js
      Used by 6 module(s), i. e.
      /Users/Downloads/website/node_modules/gatsby/dist/utils/babel-loader.js??ref--4-0!/Users/Downloads/website/node_modules/eslint-loader/index.js??ref--11-0!/Users/Downloads/website/src/pages/download/windows.js
  * /Users/Downloads/website/node_modules/gatsby/dist/utils/babel-loader.js??ref--4-0!/Users/Downloads/website```
  </code></pre>