title: Wild error after importing material UI in React app
body: <p>I am trying to style my project with material UI and i am getting this unfamiliar error.
  I've tried restarting my project multiple times. To no avail.</p>
  <p><em>This is the error from my console:</em></p>
  <pre><code>ERROR in ../../../../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js 4:0-52
  Module not found: Error: Can't resolve './nonIterableSpread' in '/Users/HP/node_modules/@babel/runtime/helpers/esm'
  Did you mean 'nonIterableSpread.js'?
  ...
  
  </code></pre>
  <p>Navbar.js</p>
  <pre><code>import React from &quot;react&quot;;
  import { makeStyles } from &quot;@material-ui/core/styles&quot;;
  
  const useStyles = makeStyles((theme) =&gt; ({
    root: {
      display: &quot;flex&quot;,
    },
  }));
  
  function Navbar() {
    const classes = useStyles();
    return (
      &lt;&gt;
        &lt;header className={classes.root}&gt;
          &lt;div className=&quot;title&quot;&gt;
            &lt;h1&gt;Mba Okocha&lt;/h1&gt;
          &lt;/div&gt;
        &lt;/header&gt;
      &lt;/&gt;
    );
  }
  
  export default Navbar;
  
  </code></pre>