Peer Dependency Conflicts between react and zustand when upgrade to next15 stable version.

[aungchanpyae3]

hi first of all i really like zustand and it helps to boost my workflow .But when it comes to upgrade to next15 , i got error with zustand like dependency conflicts . It may or can work in local as it was installing with zustand --force , but make problem in production build with vercel.

[21:21:37.965] Running "vercel build"
[21:21:38.379] Vercel CLI 37.14.0
[21:21:38.850] Installing dependencies...
[21:21:39.881] npm error code ERESOLVE
[21:21:39.883] npm error ERESOLVE could not resolve
[21:21:39.883] npm error
[21:21:39.883] npm error While resolving: zustand@5.0.1
[21:21:39.883] npm error Found: react@19.0.0-rc-66855b96-20241106
[21:21:39.883] npm error node_modules/react
[21:21:39.883] npm error   react@"19.0.0-rc-66855b96-20241106" from the root project
[21:21:39.883] npm error   peer react@"^18.2.0 || 19.0.0-rc-66855b96-20241106" from next@15.0.3
[21:21:39.883] npm error   node_modules/next
[21:21:39.884] npm error     next@"15.0.3" from the root project
[21:21:39.884] npm error   2 more (react-dom, styled-jsx)
[21:21:39.884] npm error
[21:21:39.884] npm error Could not resolve dependency:
[21:21:39.884] npm error peerOptional react@">=18.0.0" from zustand@5.0.1
[21:21:39.884] npm error node_modules/zustand
[21:21:39.884] npm error   zustand@"^5.0.1" from the root project
[21:21:39.884] npm error
[21:21:39.884] npm error Conflicting peer dependency: react@18.3.1
[21:21:39.884] npm error node_modules/react
[21:21:39.885] npm error   peerOptional react@">=18.0.0" from zustand@5.0.1
[21:21:39.885] npm error   node_modules/zustand
[21:21:39.885] npm error     zustand@"^5.0.1" from the root project
[21:21:39.885] npm error
[21:21:39.885] npm error Fix the upstream dependency conflict, or retry
[21:21:39.885] npm
 error this command with --force or --legacy-peer-deps
[21:21:39.885] npm error to accept an incorrect (and potentially broken) dependency resolution.
[21:21:39.885] npm error
[21:21:39.885] npm error
[21:21:39.885] npm error For a full report see:
[21:21:39.885] npm error /vercel/.npm/_logs/2024-11-07T14_51_38_964Z-eresolve-report.txt
[21:21:39.885] npm error A complete log of this run can be found in: /vercel/.npm/_logs/2024-11-07T14_51_38_964Z-debug-0.log
[21:21:39.899] Error: Command "npm install" exited with 1
[21:21:40.093] 

I am wondering why no one is talking about this incompatibility with next15 or it is just me. Please test zustand with next15.

[dai-shi]

I remember it's discussed somewhere. Is there a way to --force in vercel production build? Can you ask help there?

[aungchanpyae3]

hi, thanks for your response and it was solved by adding command in vercel.json or just use pnpm

  "builds": [
    {
      "src": "package.json",
      "use": "@vercel/next",
      "config": {
        "installCommand": "npm install --legacy-peer-deps"
      }
    }
  ]
}

so i guess that i have to wait react 19 stable version.