AnimatedPressable dynamic style prop breaking styling

[peterjskaltsis]

Hey just wondering if I'm doing something wrong or if this is a bug?

If I try making an AnimatedPressable's style prop dynamic (to get pressed/hovered states), it breaks styling?

See below for a simple reproduction.

Setup (create-expo-app template tabs):

• New Architecture Enabled
• Expo SDK 54
• React Native 0.81.4
• Reanimated v4

import { Pressable, Text } from "react-native";
import Animated from "react-native-reanimated";

const AnimatedPressable = Animated.createAnimatedComponent(Pressable);

const Demo = () => 
    <Animated.View style={{ backgroundColor: "blue", padding: 24 }}>
      <AnimatedPressable
        style={{
          backgroundColor: "red",
          padding: 12,
          borderWidth: 1,
          borderColor: "white",
        }}
      >
        <Text>Styles</Text>
      </AnimatedPressable>

      <AnimatedPressable
        style={({ pressed }) => ({
          backgroundColor: pressed ? "green" : "red",
          padding: 12,
          borderWidth: 1,
          borderColor: "white",
        })}
      >
        <Text>No styles?</Text>
      </AnimatedPressable>
    </Animated.View>

Any help would be much appreciated.