1---
2title: Use .get() and .set() for Reanimated Shared Values (not .value)
3impact: LOW
4impactDescription: required for React Compiler compatibility
5tags: reanimated, react-compiler, shared-values
6---
7 
8## Use .get() and .set() for Shared Values with React Compiler
9 
10With React Compiler enabled, use `.get()` and `.set()` instead of reading or
11writing `.value` directly on Reanimated shared values. The compiler can't track
12property access—explicit methods ensure correct behavior.
13 
14**Incorrect (breaks with React Compiler):**
15 
16```tsx
17import { useSharedValue } from 'react-native-reanimated'
18 
19function Counter() {
20  const count = useSharedValue(0)
21 
22  const increment = () => {
23    count.value = count.value + 1 // opts out of react compiler
24  }
25 
26  return <Button onPress={increment} title={`Count: ${count.value}`} />
27}
28```
29 
30**Correct (React Compiler compatible):**
31 
32```tsx
33import { useSharedValue } from 'react-native-reanimated'
34 
35function Counter() {
36  const count = useSharedValue(0)
37 
38  const increment = () => {
39    count.set(count.get() + 1)
40  }
41 
42  return <Button onPress={increment} title={`Count: ${count.get()}`} />
43}
44```
45 
46See the
47[Reanimated docs](https://docs.swmansion.com/react-native-reanimated/docs/core/useSharedValue/#react-compiler-support)
48for more.
49