Components: update to React 19

[0x0f0f0f]

Code of Conduct

• I have read and agree to the xyflow contributor Code of Conduct

Which site are you suggesting a change for?

reactflow.dev

What content is affected by this change?

UI Components

What part(s) of the article would you like to see updated?

Our current version of React components is built for React 18. Our components use React.forwardRef intensively. In React 19, forwardRef is deprecated—you now pass ref directly as a prop to your function components, instead of using forwardRef to forward it.

The latest shadcn components use this in conjunction with React.ComponentProps<typeof Component>.

Additional information

No response

[0x0f0f0f]

During development of the AI workflow pro template, this caused a variety of linter errors and sporadically build errors. At some point, it would be nice to discuss an update plan for our components, following how shadcn is defining components now.

[0x0f0f0f]

TODO:

• Add to docs that if you start a new project you probably just want React 19
• Figure out how to provide legacy support?