animation-with-react-compiler

To use Reanimated shared values with React Compiler, replace direct .value access with get() for reads and set() for writes across worklets and animated styles to prevent compatibility issues.

React Compiler breaks Reanimated animations because it interferes with direct .value property access on shared values, requiring the get() and set() methods instead to maintain safe access patterns in worklets.

Yes, you must refactor useAnimatedStyle and useDerivedValue worklets by replacing direct .value usage with get() and set() patterns to ensure shared values function correctly under React Compiler.

The best way to migrate Reanimated codebases to React Compiler is enforcing get() and set() for shared value reads and writes across all worklets, then validating animation compatibility.

No, you cannot use direct .value syntax for shared values when React Compiler is enabled; you must adopt the get() method for reading and set() method for writing to avoid breaking animations.