Support for React 19

[praseodym]

React 19 has been released and Ladle does not seem to be compatible yet.

When trying to update, react-inspector is incompatible according to npm. There is an issue for this: storybookjs/react-inspector#185.

[tajo]

Will add the support by the end of year with some other major changes (Vite v6).

[tajo]

implemented in #591

[praseodym]

The lack of support for React 19 in react-inspector still creates a dependency conflict with Ladle 5.0.0:

> npm install
npm warn ERESOLVE overriding peer dependency
npm warn While resolving: [email protected]
npm warn Found: [email protected]
npm warn node_modules/react
npm warn   react@"^19.0.0" from the root project
npm warn   6 more (@ladle/react, @ladle/react-context, @mdx-js/react, ...)
npm warn
npm warn Could not resolve dependency:
npm warn peer react@"^16.8.4 || ^17.0.0 || ^18.0.0" from [email protected]
npm warn node_modules/@ladle/react/node_modules/react-inspector
npm warn   react-inspector@"^6.0.2" from @ladle/[email protected]
npm warn   node_modules/@ladle/react
npm warn
npm warn Conflicting peer dependency: [email protected]
npm warn node_modules/react
npm warn   peer react@"^16.8.4 || ^17.0.0 || ^18.0.0" from [email protected]
npm warn   node_modules/@ladle/react/node_modules/react-inspector
npm warn     react-inspector@"^6.0.2" from @ladle/[email protected]
npm warn     node_modules/@ladle/react

This is from a simple test project with the following dependencies:

  "dependencies": {
    "@ladle/react": "^5.0.0",
    "react": "^19.0.0",
    "react-dom": "^19.0.0"
  }

[tajo]

It's just a warning but should function fine?

[praseodym]

It does work, but the conflicting peer dependency is a blocker for us. We configured npm with the strict-peer-deps option to prevent e.g. Dependabot accidentally breaking dependencies.

[tajo]

convo can continue here: #590 (comment)

[praseodym]

convo can continue here: #590 (comment)

I think you meant to link to #597. Let's continue there!