title: Dependencies issues when installing MUI
body: <p>[enter image description here][1]</p>
  <p>I tried installing mui styles and other components to my local computer, but am unable do do so. It shows some dependency error. How do I fix it?
  [1]: <a href="https://i.stack.imgur.com/gqxtS.png" rel="nofollow noreferrer">https://i.stack.imgur.com/gqxtS.png</a></p>
  <pre><code>npm install @mui/styles
  npm ERR! code ERESOLVE
  npm ERR! ERESOLVE unable to resolve dependency tree
  npm ERR! 
  npm ERR! While resolving: archit_website@0.1.0
  npm ERR! Found: react@18.2.0
  npm ERR! node_modules/react
  npm ERR!   react@&quot;^18.2.0&quot; from the root project
  npm ERR! 
  npm ERR! Could not resolve dependency:
  npm ERR! peer react@&quot;^17.0.0&quot; from @mui/styles@5.9.0
  npm ERR! node_modules/@mui/styles
  npm ERR!   @mui/styles@&quot;*&quot; from the root project
  npm ERR! 
  npm ERR! Fix the upstream dependency conflict, or retry
  npm ERR! this command with --force, or --legacy-peer-deps
  npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
  npm ERR! 
  npm ERR! See /Users/home/.npm/eresolve-report.txt for a full report.
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     /Users/home/.npm/_logs/2022-07-15T16_59_52_863Z-debug-0.log
  </code></pre>
  <p>I also tried using npm install @mui/styles --force
  but it still doesn't solve it</p>