Incompatible React versions: The "react" and "react-dom" packages must have the exact same version.

[dnlwllms]

Webpack raised the following error:

Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:

• react: 19.0.0-rc-7283a213-20241206
• react-dom: 19.0.0
  Learn more: https://react.dev/warnings/version-mismatch

Next.js is failing to import the React module built with Webpack.
This is an issue that occurs after upgrading to React 19 Stable version.

Directly import the module my local, it works normally, but this happens when I access the bundle from Webpack build.

I would appreciate it if you could share the solution.

[ramonmulia]

@dnlwllms Did you get this solved?
I'm facing the same issue :|

[YoussefKababe]

Facing this too...

[khanakia]

I am facing this issue with Next.js

[khanakia]

It's because of this patch code i added too https://ant.design/docs/react/v5-for-19/

[YoussefKababe]

Looks like you just need to import createRoot from react-dom/client instead of react-dom in your library!

[khanakia]

I am not importing react-dom anywhere except for that patch.tsx file I created as suggested by antd

[khanakia]

Ok, i have fixed it thanks

[itzfeltrin]

Thanks @YoussefKababe !!! It worked for me

[muhuanlegend]

i deleted the package-lock.json file and deleted node modules ..then made sure in my package.json file react and react dom have the same version and i removed the ^ character then did a fresh install npm i and that solved my headache