React 19 Support

[florence-wolfe]

Is your feature request related to a problem? Please describe.

• @nivo/core (and possibly other packages) have a strict React dependency range that restricts React 19
  • @nivo/core's package.json
• This prevents applications from upgrading their React versions unless they begin including the --legacy-peer-deps flag or --force for every installation which is not ideal.

Describe the solution you'd like

• Either increase the allowing version range in the packages or add proper support for the version.
  • The React team has written a migration guide that also includes several codemods to make the migration relatively seamless.

[plouc]

Adding support for React 19 might be a lot of work, it's also still unclear, looking at the migration guide, if I could still support older React versions with the same @nivo version.

The 19 still being a RC at the moment, I think it's not really pressing, and I'd probably need to upgrade gatsby, storybook... as well, which seems like a huge project.

Finally, I was migrating tests from enzyme (which has been deprecated) to use the react test renderer, which they're removing apparently, they advise to use @testing-library/react, but the approach of this lib is really not practical to test charts/svg elements.

It will take time to get there and this should be split in sub-projects, I don't have the bandwidth to handle everything at once.

[J4v4Scr1pt]

Will follow this thread, we are a company that are about to replace our current chart solution.
This was our top pick until I saw this thread.

I understand that time estimation is super hard, but do you think this will take years or months after React 19 release?
Because we (among others) use Next.Js and no React 19 support will also block us from upgrading nextjs version in the future.

[o-alexandrov]

React has an issue where they link some libraries and respective PRs how those libraries upgraded to react 19.
It might be a useful read to familiarize with common roadblocks and how other devs resolved those in their projects.

imho, the starting point would be to run various provided by React 19 codemods which should do the heavy lifting:

npx codemod@latest react/19/migration-recipe

[plouc]

@o-alexandrov, thank you for sharing, this could help.

[skip405]

Latest major version of Next.js (version 15) uses React 19 RC, so it's not going to be possible to use Nivo with it

[J4v4Scr1pt]

Latest major version of Next.js (version 15) uses React 19 RC, so it's not going to be possible to use Nivo with it

Man.. this is no good..

[tarjep]

I was upgrading to Next 15 and by effect React 19, and ended up being blocked by this issue as well.

[jonasbuechel]

I'm about to use Nivo but also like to upgrade to Next 15 / React 19 the next few weeks. Is there a work-around for the moment?