TouchableOpacity from React Native Gesture Handler doesn't work inside Modal

Bug

Using react-native-gesture-handler’s TouchableOpacity inside BottomSheetModal doesn’t work. However, react-native’s Button inside BottomSheetModal does work.

https://user-images.githubusercontent.com/36211796/104091363-e76b6500-52b7-11eb-8a24-579198a35196.MP4

Environment info

Library	Version
@gorhom/bottom-sheet	^2.0.2
expo	~40.0.0
react-native	https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz
react-native-reanimated	2.0.0-rc.0
react-native-gesture-handler	~1.8.0

Steps To Reproduce

1. expo init (basic config)
2. yarn add @gorhom/bottom-sheet react-native-reanimated@2.0.0-rc.0 react-native-gesture-handler
3. Replace App.js with the code below.

Describe what you expected to happen:

1. Touchable Opacity inside the modal should register presses

Reproducible sample code

import {
  BottomSheetModal,
  BottomSheetModalProvider
} from '@gorhom/bottom-sheet';
import React, { useCallback, useRef, useState } from 'react';
import { Button, StyleSheet, Text, View } from 'react-native';
import { TouchableOpacity } from "react-native-gesture-handler";

const App = () => {
  const [count, setCount] = useState(1)

  const bottomSheetModalRef = useRef(null);

  const handlePresentModalPress = useCallback(() => {
    bottomSheetModalRef.current?.present();
  }, []);

  return (
    <BottomSheetModalProvider>
      <View style={styles.container}>
        <Button
          onPress={handlePresentModalPress}
          title="Present Modal"
          color="black"
        />
        <BottomSheetModal
          ref={bottomSheetModalRef}
          snapPoints={["50%"]}
        >
          <View style={styles.contentContainer}>
            <TouchableOpacity onPress={() => setCount(p => p + 1)}><Text style={{color: "blue", fontSize: 18}}>Increase count with Touchable Opacity</Text></TouchableOpacity>
            <Button title="increase count with RN Button" onPress={() => setCount(p => p + 1)}/>
            <Text>{count}</Text>
          </View>
        </BottomSheetModal>
      </View>
    </BottomSheetModalProvider>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 24,
    justifyContent: 'center',
    backgroundColor: 'grey',
  },
  contentContainer: {
    flex: 1,
    justifyContent: "center",
    alignItems: 'center',
  },
});

export default App;

[gorhom]

https://gorhom.github.io/react-native-bottom-sheet/troubleshooting#pressables--touchables-are-not-working-on-android

[gorhom]

@xotahal this been suggested with a pr, but it breaks the sheet functionality https://github.com/gorhom/react-native-bottom-sheet/pull/60#issuecomment-797089004