title: React Can't Find An Import For Material UI Components
body: <p>I am trying to use material ui components but react throws an invalid import error</p>
  <h3>This is My Component File's Code</h3>
  <pre class="lang-js prettyprint-override"><code>import React from 'react'
  import './middle.css'
  import MicIcon from '@material-ui/icons/Mic';
  function Middle() {
      return (
          &lt;div&gt;
              &lt;MicIcon /&gt;
              &lt;input type='text'/&gt;
          &lt;/div&gt;
      )
  }
  
  export default Middle
  </code></pre>
  <h3>This Is The Error I'm Getting</h3>
  <pre class="lang-none prettyprint-override"><code>Failed to compile.
  
  ./src/components/pages/home/components/middle/middle.js
  Module not found: Can't resolve '@material-ui/icons/Mic' in '/home/freduah/GoogleClone/google-clone/src/components/pages/home/components/middle'
  </code></pre>