title: ENOENT on npm start error. Why am I getting this error and why is it looking for "My Pictures" directory?
body: <p>I am attempting to use MUI's Data Grid component in my React project. I have installed the package using $npm i @mui/x-data-grid. When I import DataGrid into my React component and run $npm start, I get the following ENOENT error. Anyone know why?</p>
  <p><a href="https://i.stack.imgur.com/EQodD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EQodD.png" alt="Image of the import and error in console" /></a></p>
  <p>When the import is commented out, the error disappears:</p>
  <p><a href="https://i.stack.imgur.com/6rh0E.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6rh0E.png" alt="enter image description here" /></a></p>
  <p>Steps I've taken to resolve the issue:</p>
  <ol>
  <li>Restart VS Code</li>
  <li>Restart my computer</li>
  <li>Run the &quot;hotfix&quot; from <a href="https://www.codejourney.net/2021/04/how-to-fix-npm-err-enoent-enoent-no-such-file-or-directory-rename/" rel="nofollow noreferrer">https://www.codejourney.net/2021/04/how-to-fix-npm-err-enoent-enoent-no-such-file-or-directory-rename/</a></li>
  </ol>