Cursor rule

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