Nextjs 15 with React 19 and Recharts package => deployment error
Hello everyone,
I have a Nextjs 15.0.3 project with React 19.0.0-rc-66855b96-20241106. Everything seems to be fine with building it locally and with Cloudflare, but today I added the Shadcn charts as a dependency.
Locally it's not a problem to install the new Recharts ^2.15.0 package with
npm install --force , but when trying to build the app on Cloudflare, it does not seem to work. This is one of the errors:
20:40:51.179 Installing project dependencies: npm clean-install --progress=false
20:40:52.618 npm error code ERESOLVE
20:40:52.619 npm error ERESOLVE could not resolve
20:40:52.619 npm error
20:40:52.619 npm error While resolving: [email protected]
20:40:52.620 npm error Found: [email protected]
20:40:52.620 npm error node_modules/react
20:40:52.620 npm error react@"19.0.0-rc-66855b96-20241106" from the root project
20:40:52.620 npm error peer react@"^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" from @radix-ui/[email protected]
20:40:52.620 npm error node_modules/@radix-ui/react-accessible-icon
20:40:52.620 npm error @radix-ui/react-accessible-icon@"^1.1.0" from @radix-ui/[email protected]
20:40:52.620 npm error node_modules/@radix-ui/themes
20:40:52.620 npm error @radix-ui/themes@"^3.1.6" from the root project
20:40:52.620 npm error 57 more (@radix-ui/react-alert-dialog, @radix-ui/react-arrow, ...)
I have tried both the npx @cloudflare/next-on-pages@1 and npm install --force as build commands. What can I do to fix this?0 Replies