title: create-react-app dependency version issues with React 18
body: <p><code>npx create-react-app my-project</code> results in the following dependency errors:</p>
  <p><em>npx version: 8.5.0</em></p>
  <pre><code>Installing template dependencies using npm...
  npm ERR! code ERESOLVE
  npm ERR! ERESOLVE unable to resolve dependency tree
  npm ERR! 
  npm ERR! While resolving: react-18@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.
  </code></pre>
  <p>The command still produces a project directory, but running <code>npm start</code> in the created directory errors with <code>web-vitals</code> missing from <code>node-modules</code>.</p>
  <h3>Solutions tried</h3>
  <ul>
  <li><p>Running the same command with <code>--force</code> or <code>--legacy-peer-deps</code> as suggested by the above error message doesn't solve the problem.</p>
  </li>
  <li><p>Deleting <code>node_modules</code> and <code>package-lock.json</code> and running <code>npm i</code> also doesn't solve the problem.</p>
  </li>
  </ul>
  <h3>Update</h3>
  <p>The problem has been fixed with the latest update of <code>create-react-app</code>. Now it creates a project without any problem.</p>