Description

useAnimatedStyle does not seem to support boxShadow animations - a new feature in React Native 0.76+. When trying to animate box shadows, the shadows disappear as soon as any animation code runs in the hook.

Please note that my repro is very simple but there are many ways to make this bug happen. For example, you can literally run any reanimated interpolator that affects the shadow and the shadow will immediately disappear, you don't even need to return and use a value for the shadow.

Steps to reproduce

1. Set up RN 0.76.1+ with react native reanimated
2. Create an animated Pressable component with createAnimatedComponent
3. create animated box shadow styles and do anything, maybe animate on click for example
4. shadow disappears when button is pressed instead of being animated - and never returns

Snack or a link to a repository

https://github.com/C0rren/ReactNativeReanimatedIssue

Reanimated version

3.16.1

React Native version

0.76.1

Platforms

Android, iOS

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

Emulator (iPhone 16, iOS 18)

Device model

Emulator (iPhone 16, iOS 18)

Acknowledgements

Yes