Hi everyone,

I'm encountering a deployment error while using Next.js 15 and React 19 on Vercel. I've tried resolving the issue by various means, but I haven't had any success. Below is the error message I'm receiving:

npm ERR!   1 more (styled-jsx)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"19.0.0-rc-f994737d14-20240522" from next@15.0.0-rc.0
npm ERR! node_modules/next
npm ERR!   next@"^15.0.0-rc.0" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: react@19.0.0-rc-f994737d14-20240522
npm ERR! node_modules/react
npm ERR!   peer react@"19.0.0-rc-f994737d14-20240522" from next@15.0.0-rc.0
npm ERR!   node_modules/next
npm ERR!     next@"^15.0.0-rc.0" 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! /vercel/.npm/_logs/2024-06-30T13_06_07_794Z-eresolve-report.txt
npm ERR! A complete log of this run can be found in: /vercel/.npm/_logs/2024-06-30T13_06_07_794Z-debug-0.log
Error: Command "npm install" exited with 1

I've attempted the following solutions without success:

Running npm install --legacy-peer-deps
Running npm install --force
Updating package.json to ensure compatibility between Next.js and React versions
I also checked the logs on Vercel, but I'm still unable to pinpoint the issue.

Here are the relevant sections of my package.json:

  "dependencies": {
    "cloudinary": "^2.2.0",
    "mongoose": "^8.4.0",
    "next": "^15.0.0-rc.0",
    "next-auth": "^4.24.7",
    "react": "^19.0.0-rc-3563387fe3-20240621",
    "react-dom": "^19.0.0-rc-3563387fe3-20240621"
  },

Has anyone else encountered this issue or have any suggestions on how to resolve this dependency conflict? Any help would be greatly appreciated.

Thanks in advance!