NextJS 13 Dependency Error

[indralukmana]

Environment

  System:
    OS: Linux 5.10 Pengwin 11 (bullseye)
    CPU: (12) x64 AMD Ryzen 5 2600 Six-Core Processor
    Memory: 12.19 GB / 15.61 GB
    Container: Yes
    Shell: 5.8 - /usr/bin/zsh
  Binaries:
    Node: 16.17.0 - ~/.nvm/versions/node/v16.17.0/bin/node
    Yarn: 1.22.19 - /usr/bin/yarn
    npm: 8.15.0 - ~/.nvm/versions/node/v16.17.0/bin/npm
  npmPackages:
    next: 13.0.0 => 13.0.0
    react: 18.2.0 => 18.2.0

Reproduction URL

none

Describe the issue

I tried to upgrade my existing project to NextJS 13, but got blocker from next-auth package. The error as follows

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/next
npm ERR!   next@"13.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer next@"^12.2.5" from [email protected]
npm ERR! node_modules/next-auth
npm ERR!   next-auth@"*" 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!

This also happens when installing on newly created project.

How to reproduce

1. Create new NextJS project using npm

   npx create-next-app nextjs13

2. Change directory to the newly created project

   cd nextjs13

3. Try to install next-auth

   npm install next-auth

Then got the error mentioned above

Expected behavior

next-auth can be used on NextJS 13 projects

[ThangHuuVu]

I tried the reproduction steps but didn't get any errors 🤔 I also tried to pull our example repo and install, as our example repo has specified "next": "latest" dependencies, I also didn't get any errors 🤷‍♂️

[igordanchenko]

@ThangHuuVu, would you mind sharing your npm version? npm install fails because [email protected] literally requires next@12:

next-auth/packages/next-auth/package.json

Lines 80 to 81 in a787efc

	"peerDependencies": {
	"next": "^12.2.5",

% node -v
v16.18.0

% npm -v
8.19.2

% npm install next-auth
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/next
npm ERR!   next@"13.0.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer next@"^12.2.5" from [email protected]
npm ERR! node_modules/next-auth
npm ERR!   next-auth@"*" 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/home/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/home/.npm/_logs/2022-10-26T15_42_37_953Z-debug-0.log

[igordanchenko]

It may also be helpful to make sure npx is using the latest create-next-app version:

npx create-next-app@13 nextjs13

[enricoros]

Same issue, next@13 is not supported by [email protected].
Note: you'll have to delete node_modules and package-lock.json if previously you used npm i --force.

[raulmarindev]

I also get the error, I believe this won't work unless the peer dependency for next in next-auth is updated.

[RyelBanfield]

Everything works fine for me using yarn but I am getting this warning:

warning " > [email protected]" has incorrect peer dependency "next@^12.2.5".

[FullstackJack]

Sadly, I had to use npm i next-auth --legacy-peer-deps to get the error to "go away", but clearly we need next-auth to officially support Next.js 13.

[HotCustard]

Adding
"overrides": { "next-auth": { "next": "13.0.0" } }
to package.json will allow installing without --force or --legacy-peer-deps

[ThangHuuVu]

Apologize, yes I can confirm this is an issue, rolling out a fix now 🙌

[KrallXZ]

@ThangHuuVu it's working on exact 13, but not on canary, more details:
#5657 (comment)

[sergeyzwezdin]

@ThangHuuVu when do you plan to rollout next@13 compatible release?

[cobbvanth]

When will this peer dependency be updated?

[timothymiller]

When fix release?

[sergeyzwezdin]

@balazsorban44 thank you! do you have understanding when this fix could be released?

[GabrielFerrarini]

@balazsorban44 @ThangHuuVu any ideas when the update will make it to npm?

[hireshBrem]

@ThangHuuVu, would you mind sharing your npm version? npm install fails because [email protected] literally requires next@12:

next-auth/packages/next-auth/package.json

Lines 80 to 81 in a787efc

	"peerDependencies": {
	"next": "^12.2.5",

% node -v
v16.18.0

% npm -v
8.19.2

% npm install next-auth
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/next
npm ERR!   next@"13.0.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer next@"^12.2.5" from [email protected]
npm ERR! node_modules/next-auth
npm ERR!   next-auth@"*" 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/home/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/home/.npm/_logs/2022-10-26T15_42_37_953Z-debug-0.log

Legend!

[ArefAhmadinezhad]

Adding
"overrides": { "next-auth": "4.24.7" },
to package.json and delete node_modules folder and run npm i