How do we pass a ref of an old api component (like react-native-gesture-handler TouchableHighlight) to requireExternalGestureToFail?

[SudoPlz]

Hey there,

I have a combination of old api components, like TouchableHighlight

example:

<TouchableHighlight
        ref={
          touchableRef
        }
       onPress={onPress}
>{children}<TouchableHighlight/>

and then I have a new type of GestureDetector component:

const gestureConfig = Gesture.Tap()
        .requireExternalGestureToFail([touchableRef])
        .onStart(onTap);
        
return (
   <GestureDetector gesture={gestureConfig}>
      <View>...

This is not working. If I replace TouchableHighlight with a TapGesturehandler this does work, but I need the TouchableHighlight functionality, therefore the question is, how do I make GestureHandler (new api) work with old api components like TouchableHighlight?

Thank you