title: Conflicts in React dependency tree
body: <p>When running the react app I got this error in console - SharedArrayBuffer will require cross-origin isolation as of M91, around May 2021. See <a href="https://developer.chrome.com/blog/enabling-shared-array-buffer/" rel="nofollow noreferrer">https://developer.chrome.com/blog/enabling-shared-array-buffer/</a> for more details.</p>
  <p>Based on StackOverflow's suggestions I tried updating react version. I had version 16 and switched to 17. But now there are conflicts in the dependency tree. When I try to npm install this is the error I'm getting:</p>
  <pre><code>npm ERR! code ERESOLVE
  npm ERR! ERESOLVE unable to resolve dependency tree
  npm ERR!
  npm ERR! Found: react@17.0.2
  npm ERR! node_modules/react
  npm ERR!   react@&quot;^17.0.2&quot; from the root project
  npm ERR!   peer react@&quot;&gt;=16.8.0&quot; from @emotion/react@11.1.5
  npm ERR!   node_modules/@emotion/react
  npm ERR!     @emotion/react@&quot;^11.1.1&quot; from react-select@4.3.0
  npm ERR!     node_modules/react-select
  npm ERR!       react-select@&quot;^4.2.1&quot; from the root project
  npm ERR!   17 more (@material-ui/core, @material-ui/lab, ...)
  npm ERR!
  npm ERR! Could not resolve dependency:
  npm ERR! peer react@&quot;^0.14 || ^15.0.0 || ^16.0.0-alpha&quot; from airbnb-prop-types@2.160
  npm ERR! node_modules/airbnb-prop-types
  npm ERR!   airbnb-prop-types@&quot;^2.16.0&quot; from enzyme-adapter-utils@1.14.0
  npm ERR!   node_modules/enzyme-adapter-utils
  npm ERR!     enzyme-adapter-utils@&quot;^1.14.0&quot; from enzyme-adapter-react-16@1.15.6    
  npm ERR!     node_modules/enzyme-adapter-react-16
  npm ERR!       dev enzyme-adapter-react-16@&quot;^1.15.6&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 C:\Users\USER\AppData\Local\npm-cache\eresolve-report.txt for a full rport.
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     C:\Users\USER\AppData\Local\npm-cache\_logs\2021-04-25T15_17_39_361Z-dbug.log
  
  </code></pre>
  <p>package.json :</p>
  <pre><code>{
    &quot;name&quot;: &quot;frontend&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@material-ui/core&quot;: &quot;^4.11.3&quot;,
      &quot;@material-ui/lab&quot;: &quot;^4.0.0-alpha.57&quot;,
      &quot;@testing-library/jest-dom&quot;: &quot;^5.11.9&quot;,
      &quot;@testing-library/react&quot;: &quot;^11.2.5&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^12.8.3&quot;,
      &quot;aos&quot;: &quot;^2.3.4&quot;,
      &quot;react&quot;: &quot;^17.0.2&quot;,
      &quot;react-dom&quot;: &quot;^17.0.1&quot;,
      &quot;react-icons&quot;: &quot;^4.2.0&quot;,
      &quot;react-router-dom&quot;: &quot;^5.2.0&quot;,
      &quot;react-scripts&quot;: &quot;4.0.3&quot;,
      &quot;react-select&quot;: &quot;^4.2.1&quot;,
      &quot;react-spring&quot;: &quot;^8.0.27&quot;,
      &quot;styled-components&quot;: &quot;^5.2.1&quot;,
      &quot;web-vitals&quot;: &quot;^1.1.0&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;react-scripts start&quot;,
      &quot;build&quot;: &quot;react-scripts build&quot;,
      &quot;test&quot;: &quot;react-scripts test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: [
        &quot;react-app&quot;,
        &quot;react-app/jest&quot;
      ]
    },
    &quot;browserslist&quot;: {
      &quot;production&quot;: [
        &quot;&gt;0.2%&quot;,
        &quot;not dead&quot;,
        &quot;not op_mini all&quot;
      ],
      &quot;development&quot;: [
        &quot;last 1 chrome version&quot;,
        &quot;last 1 firefox version&quot;,
        &quot;last 1 safari version&quot;
      ]
    },
    &quot;devDependencies&quot;: {
      &quot;enzyme&quot;: &quot;^3.11.0&quot;,
      &quot;enzyme-adapter-react-16&quot;: &quot;^1.15.6&quot;,
      &quot;jest&quot;: &quot;^26.6.0&quot;,
      &quot;react-dev-utils&quot;: &quot;^11.0.4&quot;
    },
    &quot;proxy&quot;: &quot;http://localhost:8080&quot;
  }
  
  </code></pre>
  <p>As I understand the error occurs because of the version of the enzyme. I tried upgrading it to version 17, but react doesn't let me do it and I get the above-given error.</p>
  <p>What could be the solution to resolve the dependency conflicts?</p>