nested-text.tsx

import { Pressable, Text } from 'react-native'
import {
  Pressable as RNGHPressable,
  Text as RNGHText,
} from 'react-native-gesture-handler'

function Reproduction() {
  return (
    <>
      <Pressable
        style={{ width: 100, height: 100, backgroundColor: 'red' }}
        onPress={() => console.log('RN: Pressable onPress')}
      >
        <Text>
          Outer{' '}
          <Text onPress={() => console.log('RN: Inner onPress')}>Inner</Text>
        </Text>
      </Pressable>

      <RNGHPressable
        style={{ width: 100, height: 100, backgroundColor: 'pink' }}
        onPress={() => console.log('RNGH: Pressable onPress')}
      >
        <RNGHText>
          Outer{' '}
          <Text onPress={() => console.log('RNGH: Inner onPress')}>Inner</Text>
        </RNGHText>
      </RNGHPressable>
    </>
  )
}