All skills
Skillintermediate
react19 no forwardref
> **⚠️ React 19+ only.** Skip this if you're on React 18 or earlier.
Claude Code Knowledge Pack7/10/2026
Overview
React 19 API Changes
⚠️ React 19+ only. Skip this if you're on React 18 or earlier.
In React 19, ref is now a regular prop (no forwardRef wrapper needed), and use() replaces useContext().
Incorrect (forwardRef in React 19):
const ComposerInput = forwardRef<TextInput, Props>((props, ref) => {
return
})
Correct (ref as a regular prop):
function ComposerInput({ ref, ...props }: Props & { ref?: React.Ref }) {
return
}
Incorrect (useContext in React 19):
const value = useContext(MyContext)
Correct (use instead of useContext):
const value = use(MyContext)
use() can also be called conditionally, unlike useContext().