Tracking React 19

[SeanCassiere]

Tracking anything currently that I think needs some resolution before I can ship React 19.

Tracking matrix

Project	Comments	Issue(s)	PR(s)
Radix-UI	Breaking	radix-ui/primitives#2769 radix-ui/primitives#2933	radix-ui/primitives#2934
Recharts	Breaking	recharts/recharts#4558	N/A
Cmdk	Installation peer-dep warning	pacocoursey/cmdk#266	N/A
React Hook Form	Installation peer-dep warning	react-hook-form/react-hook-form#11932	react-hook-form/react-hook-form#11935
React Hook Form	Breaking	react-hook-form/react-hook-form#11910	useWatch

Basically, I need something relatively not too buggy before I move over (like a beta or rc).

Comments

Just whatever comments I have regarding the tracking process here.

✅ radix-ui

• React 19 support is being tracked in the open PR.
• The branch has been merged in and released as a 'release candidate' under the next tag (-rc.4).
• Radix has pushed the changes to main.

🚨 recharts

• React 19 support is being tested in the releases tagged under alpha.

🚨 cmdk

• The packages uses primitives by radix-ui, so it can be expected that React 19 support should follow soon after the Radix PR goes through.

✅ react-hook-form

• The form.watch doesn't work when the react-compiler is turned on, unless you memorize the watcher with an eslint ignore.

const form_checkoutDate = React.useMemo(
    () => form.watch("checkoutDate"),
    // eslint-disable-next-line react-compiler/react-compiler
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [form.watch("checkoutDate")]
);

• The workaround is to use the useWatch hook to not have to trick the react-compiler using useMemo.