title: How to fix this npm install dependency issue?
body: <p>I'm trying to add <code>npm install react-material-ui-carousel --save</code> to my react project. However when I try to install I get this dependency tree issue.</p>
  <ul>
  <li>I have alredy deleted the lock and npm modules files, followed by <code>npm install</code> the whole project. Still getting this same error below however.</li>
  </ul>
  <pre><code>npm ERR! code ERESOLVE
  npm ERR! ERESOLVE unable to resolve dependency tree
  npm ERR! 
  npm ERR! While resolving: buckets@0.1.0
  npm ERR! Found: react@17.0.1
  npm ERR! node_modules/react
  npm ERR!   react@&quot;^17.0.1&quot; from the root project
  npm ERR!   peer react@&quot;^16.8.0 || ^17.0.0&quot; from @material-ui/core@4.11.3
  npm ERR!   node_modules/@material-ui/core
  npm ERR!     @material-ui/core@&quot;^4.11.2&quot; from the root project
  npm ERR!     peer @material-ui/core@&quot;^4.9.11&quot; from react-material-ui-carousel@2.2.1
  npm ERR!     node_modules/react-material-ui-carousel
  npm ERR!       react-material-ui-carousel@&quot;*&quot; from the root project
  npm ERR!     1 more (@material-ui/icons)
  npm ERR!   2 more (react-dom, @material-ui/icons)
  npm ERR! 
  npm ERR! Could not resolve dependency:
  npm ERR! peer react@&quot;^16.13.1&quot; from react-material-ui-carousel@2.2.1
  npm ERR! node_modules/react-material-ui-carousel
  npm ERR!   react-material-ui-carousel@&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 /home/user/.npm/eresolve-report.txt for a full report.
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     /home/user/.npm/_logs/2021-03-02T19_57_57_671Z-debug.log
  </code></pre>
  <p>My other dependencies:</p>
  <pre><code>{
    &quot;name&quot;: &quot;app&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@material-ui/core&quot;: &quot;^4.11.2&quot;,
      &quot;@material-ui/icons&quot;: &quot;^4.11.2&quot;,
      &quot;@material-ui/lab&quot;: &quot;^4.0.0-alpha.57&quot;,
      &quot;@reduxjs/toolkit&quot;: &quot;^1.5.0&quot;,
      &quot;@testing-library/jest-dom&quot;: &quot;^5.11.6&quot;,
      &quot;@testing-library/react&quot;: &quot;^11.2.2&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^12.6.0&quot;,
      &quot;axios&quot;: &quot;^0.21.1&quot;,
      &quot;chartist&quot;: &quot;^0.10.1&quot;,
      &quot;react&quot;: &quot;^17.0.1&quot;,
      &quot;react-chartist&quot;: &quot;^0.14.4&quot;,
      &quot;react-dom&quot;: &quot;^17.0.1&quot;,
      &quot;react-hook-form&quot;: &quot;^6.14.2&quot;,
      &quot;react-redux&quot;: &quot;^7.2.2&quot;,
      &quot;react-router-dom&quot;: &quot;^5.2.0&quot;,
      &quot;react-scripts&quot;: &quot;4.0.1&quot;,
      &quot;react-window&quot;: &quot;^1.8.6&quot;,
      &quot;redux&quot;: &quot;^4.0.5&quot;,
      &quot;redux-persist&quot;: &quot;^6.0.0&quot;,
      &quot;web-vitals&quot;: &quot;^0.2.4&quot;
    },
  </code></pre>
  <p>The other option I could try is <code> --legacy-peer-deps</code>, but I would only do that as a last result option if nothing else works.</p>
  <p>How can I properly fix the dependency tree error to get <code>react-material-ui-carousel</code> to install in my project?</p>