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: recharts@2.15.0
20:40:52.620    npm error Found: react@19.0.0-rc-66855b96-20241106
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/react-accessible-icon@1.1.0
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/themes@3.1.6
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?
Was this page helpful?