Any plans for adding React 19 support?

[italodeandra]

Because of the different versions, I'm having some TypeScript issues with different @types/react installed internally on /node_modules/@rainbow-me/rainbowkit/node_modules.

[steezeburger]

I'm unable to install Rainbowkit in a fresh Nextjs app created via npx create-turbo@latest.

$ npm install @rainbow-me/rainbowkit wagmi [email protected] @tanstack/react-query                                                               [10:11:12]
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @rainbow-me/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   peer react@"^16.8.0 || ^17.0.0 || ^18.0.0" from [email protected]
npm ERR!   node_modules/react-remove-scroll
npm ERR!     react-remove-scroll@"2.6.0" from @rainbow-me/[email protected]
npm ERR!     node_modules/@rainbow-me/rainbowkit
npm ERR!       @rainbow-me/rainbowkit@"*" from [email protected]
npm ERR!       apps/web
npm ERR!         [email protected]
npm ERR!         node_modules/web
npm ERR!   peer react@">=18" from @rainbow-me/[email protected]
npm ERR!   node_modules/@rainbow-me/rainbowkit
npm ERR!     @rainbow-me/rainbowkit@"*" from [email protected]
npm ERR!     apps/web
npm ERR!       [email protected]
npm ERR!       node_modules/web
npm ERR!         workspace apps/web from the root project
npm ERR!   3 more (@tanstack/react-query, wagmi, styled-jsx)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react-dom@">=18" from @rainbow-me/[email protected]
npm ERR! node_modules/@rainbow-me/rainbowkit
npm ERR!   @rainbow-me/rainbowkit@"*" from [email protected]
npm ERR!   apps/web
npm ERR!     [email protected]
npm ERR!     node_modules/web
npm ERR!       workspace apps/web from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR!   peer react@"^19.0.0" from [email protected]
npm ERR!   node_modules/react-dom
npm ERR!     peer react-dom@">=18" from @rainbow-me/[email protected]
npm ERR!     node_modules/@rainbow-me/rainbowkit
npm ERR!       @rainbow-me/rainbowkit@"*" from [email protected]
npm ERR!       apps/web
npm ERR!         [email protected]
npm ERR!         node_modules/web
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! /Users/jessesnyder/.npm/_logs/2025-01-10T17_11_13_110Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: /Users/jessesnyder/.npm/_logs/2025-01-10T17_11_13_110Z-debug-0.log

[italodeandra]

You need to downgrade React version to ^18.

[steezeburger]

You need to downgrade React version to ^18.

I did, I'm just adding to the discussion around React 19 not being supported.

[DanielSinclair]

@steezeburger Working on React 19 and Next 15 support right now. Should be available within the next few days. You can track progress here: #2282

[DanielSinclair]

Support has been released in 2.2.2. We've also updated our create-rainbowkit CLI and our examples for both React 19 and Next 15. There aren't any direct breaking changes for RainbowKit from React 18 to 19, or Next 14 to 15, but we've upgraded our dependency tree to silence upstream peer warnings. You may still see peer warnings from Wagmi, but these will be resolved soon in a future version without requiring further upgrades to RainbowKit.