Dependency Conflict on Fresh Install (no pnpm) (ERESOLVE unable to resolve dependency tree)

[orrymr]

I ran:

npx create-next-app@latest nextjs-dashboard --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example"

(no pnpm)

I got this output:

Creating a new Next.js app in /home/<redacted>/Desktop/nextjs-dashboard.

Downloading files from repo https://github.com/vercel/next-learn/tree/main/dashboard/starter-example. This might take a moment.

Installing packages. This might take a couple of minutes.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: undefined@undefined
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"19.0.0-rc-f38c22b244-20240704" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@">= 16" from @heroicons/[email protected]
npm ERR! node_modules/@heroicons/react
npm ERR!   @heroicons/react@"^2.1.4" 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! 
npm ERR! For a full report see:
npm ERR! /home/<redacted>/.npm/_logs/2024-09-26T18_47_02_666Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: /home/<redacted>/.npm/_logs/2024-09-26T18_47_02_666Z-debug-0.log

Aborting installation.
  npm install has failed.

Seems weird because wouldn't [email protected] be >= 16?

[savvy-itch]

I had the same issue. This comment helped me fix the errors:
#802 (comment)