title: Can not resolve project name while creating react app
body: <p>I am attempting to install React with Typescript, but I keep getting a weird error.</p>
  <p>Please note <code>myprojectname</code> is the root repository directory that I am installing the React app into. For some reason it is trying to resolve <code>myprojectname@0.1.0</code>?</p>
  <h2>Error</h2>
  <pre><code>Installing packages. This might take a couple of minutes.
  Installing react, react-dom, and react-scripts with cra-template...
  
  
  added 1355 packages in 1m
  
  171 packages are looking for funding
    run `npm fund` for details
  
  Installing template dependencies using npm...
  npm ERR! code ERESOLVE
  npm ERR! ERESOLVE unable to resolve dependency tree
  npm ERR!
  npm ERR! While resolving: myprojectname@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
  </code></pre>
  <h2>My attempts to solve the issue</h2>
  <ol>
  <li>Clearing then verifying npx cache</li>
  <li>Uninstalling create-react-app globally.</li>
  <li>Updating npm</li>
  <li>Updating node</li>
  <li>Running command with and without <code>@latest</code></li>
  <li>Running command with and without <code>--template typescript</code></li>
  <li>Using the <code>--use-npm</code> flag.</li>
  <li>Adding <code>--legacy-peer-deps</code>  to command.</li>
  <li>Modifying command to create the react app in a nested directory.</li>
  </ol>
  <h2>Command</h2>
  <p><code>npx create-react-app@latest . --template typescript --use-npm</code></p>
  <h2>Outputs</h2>
  <ul>
  <li><code>npm -v</code> &gt; <code>8.6.0</code></li>
  <li><code>node -v</code> &gt; <code>v17.8.0</code></li>
  </ul>
  <h2>Package.json</h2>
  <pre><code>{
    &quot;name&quot;: &quot;myprojectname&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;cra-template-typescript&quot;: &quot;1.1.3&quot;,
      &quot;react&quot;: &quot;^18.0.0&quot;,
      &quot;react-dom&quot;: &quot;^18.0.0&quot;,
      &quot;react-scripts&quot;: &quot;5.0.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;
      ]
    }
  }
  </code></pre>