React 19 compatibility issue

[faisalnightstar]

I'm encountering a dependency conflict when using @tinymce/tinymce-react version 6.0.0 with React 19.

Problem:

When attempting to install dependencies, I receive the following npm error:

npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: [email protected]
npm error Found: [email protected]
npm error node_modules/react
npm error react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0 || ^17.0.1 || ^16.7.0" from @tinymce/[email protected]
npm error node_modules/@tinymce/tinymce-react
npm error @tinymce/tinymce-react@"*" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /Users/faisal/.npm/_logs/2025-02-28T23_04_40_051Z-eresolve-report.txt
npm error A complete log of this run can be found in: /Users/faisal/.npm/_logs/2025-02-28T23_04_40_051Z-debug-0.log

This indicates that @tinymce/tinymce-react version 6.0.0 specifies a peer dependency of react@"^18.0.0 || ^17.0.1 || ^16.7.0", while my project is using React 19.

Environment:

@tinymce/tinymce-react: 6.0.0
react: 19.0.0
npm: 11.0.0
Node.js: v23.6.0

[PrinceDobariya0710]

I have also faced the same issue. You can try below if you are stuck for now.

npm install --legacy-peer-deps @tinymce/tinymce-react

[jenkin]

You can also override the broken peer dependencies in your package.json file...

"overrides": {
  "@tinymce/tinymce-react": {
    "react": ">=18",
    "react-dom": ">=18"
  }
}

[jenkin]

Uh, this issue is a duplicated of #566 (comment)