Rive component wrapped with Pressable not pressable

[vivianedias]

Description

I'm currently using rive-react-native on my React Native project, and the lib is working correctly. But recently when I tried wrapping the Rive component with a Pressable comp to enable call another func, it simply won't call the function.

Provide a Repro

<Pressable onPress={onPress} style={styles.button}>
  <Rive
      ref={riveRef}
      url={RIVE_ASSET_URL}
      fit={Fit.Fill}
      artboardName={currentAnimal.riveArtboardName}
      stateMachineName={ANIMAL_SELECTION_BUTTON_STATE_MACHINE}
      onStateChanged={(stateMachineName, stateName) => {
        console.log(
          "onStateChanged AnimalSelectionButton: ",
          "stateMachineName: ",
          stateMachineName,
          "stateName: ",
          stateName
        );
      }}
      onError={(riveError: RNRiveError) => {
        console.log({ riveError });
      }}
    />
</Pressable>

Expected behavior

The onPress behaviour form the Pressable component wrapping Rive should still work.

Device & Versions (please complete the following information)

• Device: Android Emulator
• OS: Android 14.0, Android SDK Build Tools 36
• Yarn Version: 1.22.22

[tiago138]

I just wrap a View on the Rive component and set the pointerEvents to none.