1---
2title: React 19 API Changes
3impact: MEDIUM
4impactDescription: cleaner component definitions and context usage
5tags: react19, refs, context, hooks
6---
7 
8## React 19 API Changes
9 
10> **⚠️ React 19+ only.** Skip this if you're on React 18 or earlier.
11 
12In React 19, `ref` is now a regular prop (no `forwardRef` wrapper needed), and `use()` replaces `useContext()`.
13 
14**Incorrect (forwardRef in React 19):**
15 
16```tsx
17const ComposerInput = forwardRef<TextInput, Props>((props, ref) => {
18  return <TextInput ref={ref} {...props} />
19})
20```
21 
22**Correct (ref as a regular prop):**
23 
24```tsx
25function ComposerInput({ ref, ...props }: Props & { ref?: React.Ref<TextInput> }) {
26  return <TextInput ref={ref} {...props} />
27}
28```
29 
30**Incorrect (useContext in React 19):**
31 
32```tsx
33const value = useContext(MyContext)
34```
35 
36**Correct (use instead of useContext):**
37 
38```tsx
39const value = use(MyContext)
40```
41 
42`use()` can also be called conditionally, unlike `useContext()`.
43