useAnimatedProps does not "re-render" when used with BlurView.intensity

[yolpsoftware]

Description

When useAnimatedProps is used to animate the intensity prop of a BlurView from expo-blur, it just renders the BlurView with its initial intensity value, but does not update it when it is animated.

Check out the Snack here: https://snack.expo.dev/@yolpsoftware/frowning-blue-truffles

If you run this either on Web or on Expo 50 (Reanimated 3.6.1), it works fine. But in Expo 52 (Reanimated 3.16.1) on iOS, it does not update the animated prop.

Note that there are two similar issues: #4336 is marked as a duplicate of #3321. However, one of them concerns a much older version of Reanimated, and the other one is only for Web.

This is on the Simulator, as well as on real devices.

Steps to reproduce

1. Use animatedProps on a BlurView that has been made animated by using createAnimatedComponent
2. Set the intensity prop of the animatedProps to an animated value.
3. On iOS, the prop will not update when the value is animated.

Snack or a link to a repository

https://snack.expo.dev/@yolpsoftware/frowning-blue-truffles

Reanimated version

3.16.1

React Native version

0.76.2

Platforms

iOS

JavaScript runtime

Hermes

Workflow

Expo Go

Architecture

Paper (Old Architecture)

Build type

None

Device

None

Device model

iPhone 16 Pro

Acknowledgements

Yes

[LouisCapelle]

same issue here, the latest release 3.16.5 doesn't fix this issue. THere is another issue here : expo/expo#32781

[LouisCapelle]

up ?

[yolpsoftware]

Can confirm, duplicate of #6733, for some users it might be fixed with #6804, but for others not.