title: when using create-react-app dependencies @testing-library could not resolve
body: <pre class="lang-none prettyprint-override"><code>Installing template dependencies using npm...
  npm ERR! code ERESOLVE
  npm ERR! ERESOLVE unable to resolve dependency tree
  npm ERR!
  npm ERR! While resolving: learn@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;&lt;18.0.0&quot; from @testing-library/react@12.1.5
  npm ERR! node_modules/@testing-library/react
  npm ERR!   @testing-library/react@&quot;^12.0.0&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 report.
  </code></pre>
  <p>When I used <code>npm start</code> it gives this error:</p>
  <pre class="lang-none prettyprint-override"><code>Compiled with problems:
  
  ERROR in ./src/reportWebVitals.js 5:4-24
  
  Module not found: Error: Can't resolve 'web-vitals' in 'D:\React\Education\Fetch api\my-learn\src'
  </code></pre>
  <p>I tried with clear cache,</p>
  <p>deleting node modules and then again installing them (<code>npm install</code>),</p>
  <p>Then changed from package.json to this:</p>
  <p>change &quot;react&quot;: &quot;^18.0.0&quot; &amp; &quot;react-dom&quot;: &quot;^18.0.0&quot; to an earlier version e.g. &quot;react&quot;: &quot;^17.0.2&quot; &amp; &quot;react-dom&quot;: &quot;^17.0.2&quot;.</p>
  <p>Finally, run <code>npm install</code>.</p>
  <p>None of the solutions worked for me. How can I solve this?</p>