diff --git a/packages/react-native/Libraries/Animated/NativeAnimatedHelper.js b/packages/react-native/Libraries/Animated/NativeAnimatedHelper.js index 582c8953b2a043..e521acad686049 100644 --- a/packages/react-native/Libraries/Animated/NativeAnimatedHelper.js +++ b/packages/react-native/Libraries/Animated/NativeAnimatedHelper.js @@ -427,6 +427,7 @@ const SUPPORTED_TRANSFORMS = { perspective: true, skewX: true, skewY: true, + matrix: ReactNativeFeatureFlags.isAnimatedObjectEnabled(), }; const SUPPORTED_INTERPOLATION_PARAMS = { diff --git a/packages/react-native/Libraries/Animated/nodes/AnimatedStyle.js b/packages/react-native/Libraries/Animated/nodes/AnimatedStyle.js index 5bab9a85afc50b..78e4da9825a0ac 100644 --- a/packages/react-native/Libraries/Animated/nodes/AnimatedStyle.js +++ b/packages/react-native/Libraries/Animated/nodes/AnimatedStyle.js @@ -30,7 +30,10 @@ function createAnimatedStyle( const animatedStyles: any = {}; for (const key in style) { const value = style[key]; - if (key === 'transform') { + if ( + !ReactNativeFeatureFlags.isAnimatedObjectEnabled() && + key === 'transform' + ) { animatedStyles[key] = new AnimatedTransform(value); } else if (value instanceof AnimatedNode) { animatedStyles[key] = value;