Bug

I am using : React-native 0.69.1 Reanimated: 3.3.0 Gorhom bottomsheet: 4.4.7

There is an intermittent issue that I have been facing on Android, ever since we upgraded our library versions to the above mentioned ones. Sometimes (on some devices) the Gorhom bottomsheets dont show up, meaning the fullscreen transparent overlay behind the actual modal is visible but the actual bottomsheet content is not. It does not come up. The app behaves like the bottomsheet would open, renders the backdrop but does not render the bottomsheet content.

Why is this happening? Any ideas? How do I fix this?

Environment info

Library	Version
@gorhom/bottom-sheet	4.4.7
react-native	0.69.1
react-native-reanimated	3.3.0
react-native-gesture-handler	2.7.1

Steps To Reproduce

1. On an android device (was testing on Android 11 and above), press any button to open a Gorhom bottomsheet
2. Sometimes, the backdrop is rendered, screen goes grey, but the modal does not show up.
3. Back button click dismisses the backdrop (like when you dismiss the bottomsheet) as expected
4. This is intermittent. Happened 6/10 times on OnePlus devices - 9pro/11R

##Describe what you expected to happen:

1. The bottomsheet content should have shown up, not just its backdrop

Reproducible sample code

<BottomSheet
     handleComponent={null}
     backdropComponent={null}
     snapPoints={[290]}
     onChange={onChange}>
     <View style={styles.container}>
       <Pressable onPress={props.onReject} style={styles.crossIcon}>
         <SvgCross height={16} width={16} />
       </Pressable>
       <Image
         style={styles.image}
         height={76}
         width={80}
         source={props.image}
       />
       <Text style={[styles.title, styles.lineHeight24]}>{props.title}</Text>
     </View>
     <View style={styles.flexRow}>
       <TouchableNativeFeedback onPress={onReject}>
         <View style={[styles.reject, styles.buttons]}>
           <Text style={styles.rejectText}>{props.rejectText}</Text>
         </View>
       </TouchableNativeFeedback>
       <TouchableNativeFeedback onPress={onAccept}>
         <View style={[styles.accept, styles.buttons]}>
           <Text style={styles.acceptText}>{props.acceptText}</Text>
         </View>
       </TouchableNativeFeedback>
     </View>
   </BottomSheet>