title: Material ui icons
body: <p><strong>Problem description</strong></p>
  <p>I have a react-django app with material-ui. I used to import and <em>material-ui icons</em> without any problem. Today, I couldn't even build my app after importing a new icon from <strong>material-ui</strong>.</p>
  <blockquote>
  <p>import WebIcon from '@mui/icons-material/Web';</p>
  </blockquote>
  <p>This is the error message when I try to start my react app,</p>
  <pre><code>&gt; react-scripts start
  Starting the development server...
  Failed to compile.
  
  ./node_modules/@mui/icons-material/utils/createSvgIcon.js
   Module not found: Can't resolve '@mui/material/utils' in 
  '/home/ztaye/Documents/Work/Afropa/code/afropa/frontend/node_modules/@mui/icons- 
  material/utils'
  /home/ztaye/Documents/Work/Afropa/code/afropa/frontend/node_modules/react- 
  scripts/scripts/start.js:19
  throw err;
  ^
  
  Error: ENOENT: no such file or directory, stat '/initrd.img'
  </code></pre>
  <p><strong>Expectation</strong></p>
  <p>I just suspect the error is coming from their new updates. I have tried to re-install the package using this <a href="https://www.npmjs.com/package/@mui/icons-material" rel="nofollow noreferrer">link</a>, it didn't work.</p>