title: MUI installation doesn't work with React 18
body: <p>i was trying to install material ui  core and icons with my react 18.0 project but i can't.The project has been created using the latest create-react-app
  <code>npm install @material-ui/core @material-ui/icons</code></p>
  <pre><code>npm ERR! code ERESOLVE
  npm ERR! ERESOLVE unable to resolve dependency tree
  npm ERR!
  npm ERR! While resolving: client@0.1.0
  npm ERR! Found: react@18.0.0
  npm ERR! node_modules/react
  npm ERR!   react@&quot;^18.0.0&quot; from the root project
  npm ERR!
  npm ERR! Could not resolve dependency:
  npm ERR! peer react@&quot;^16.8.0 || ^17.0.0&quot; from @material-ui/core@4.12.3
  npm ERR! node_modules/@material-ui/core
  npm ERR!   peer @material-ui/core@&quot;^4.0.0&quot; from @material-ui/icons@4.11.2
  npm ERR!   node_modules/@material-ui/icons
  npm ERR!     @material-ui/icons@&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.
  </code></pre>
  <p>i deleted npm-cache folder and re install it
  still doesn't work</p>