Android: Pressable consumes child native text link presses from react-native-enriched-markdown #475

import React from "react"
import { Alert, Pressable as RNPressable, Text, View } from "react-native"
import { Pressable as RNGHPressable } from "react-native-gesture-handler"
import { EnrichedMarkdownText } from "react-native-enriched-markdown"

const markdown = "Open [gesund.de](https://gesund.de)"

export function Repro() {
  return (
    <View style={{ padding: 24 }}>
      <Text>RNGH Pressable parent - link does not fire on Android</Text>

      <RNGHPressable
        onPress={() => {
          console.log("parent RNGHPressable pressed")
        }}
        style={{ padding: 16, backgroundColor: "#eee" }}>
        <EnrichedMarkdownText
          markdown={markdown}
          flavor="github"
          markdownStyle={{
            paragraph: {
              fontSize: 16,
              lineHeight: 24,
              color: "#000",
            },
            link: {
              color: "#000",
              underline: true,
            },
          }}
          onLinkPress={({ url }) => {
            console.log("markdown link pressed", url)
            Alert.alert(url)
          }}
        />
      </RNGHPressable>

      <Text>RN Pressable parent - link works</Text>

      <RNPressable
        onPress={() => {
          console.log("parent RNPressable pressed")
        }}
        style={{ padding: 16, backgroundColor: "#eee" }}>
        <EnrichedMarkdownText
          markdown={markdown}
          flavor="github"
          markdownStyle={{
            paragraph: {
              fontSize: 16,
              lineHeight: 24,
              color: "#000",
            },
            link: {
              color: "#000",
              underline: true,
            },
          }}
          onLinkPress={({ url }) => {
            console.log("markdown link pressed", url)
            Alert.alert(url)
          }}
        />
      </RNPressable>
    </View>
  )
}