"npx create-next-app" is not working React v17.0 reason

Bug report

“npx create-next-app” is not working because npm couldn’t resolve dependency peer react@"^16.6.0" of next@9.5.5 with react@17.0.1.

Describe the bug

Console log there.

ryota.murakami@MacBook-Pro ~/lab> npx create-next-app
✔ What is your project named? … next.js-render-lifecycle-learning
Creating a new Next.js app in /Users/ryota.murakami/lab/next.js-render-lifecycle-learning.

Installing react, react-dom, and next using npm...

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: next.js-render-lifecycle-learning@0.1.0
npm ERR! Found: react@17.0.1
npm ERR! node_modules/react
npm ERR!   react@"*" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.6.0" from next@9.5.5
npm ERR! node_modules/next
npm ERR!   next@"*" 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 /Users/ryota.murakami/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/ryota.murakami/.npm/_logs/2020-10-24T09_12_40_212Z-debug.log

Aborting installation.
  npm install --save --save-exact --loglevel error react react-dom next has failed.

To Reproduce

Run bellow command.

npx create-next-app

System information

• OS: macOS 10.15.7
• Version of Next.js: 9.55
• Version of Node.js: 14.13.1

Additonal context

Personally I’ve got resolve solution like this.

1. npm i -g create-next-app
2. create-next-app

But npx create-next-app is showing top of the head of official getting start guide. So npx create-next-app has unstability is not good for especially new comer.

I guess introduce stable command instead of latest one in getting started page or adding fall back solution like above is becoming better than right now.

[adil-waqar]

First install create-next-app globally and with npm i -g create-next-app and then try doing create-next-app. This fixed it for me. 😃

[timneutkens]

This has been fixed with next@canary already.