After updating React Native from version 0.71.0 to 0.76.1 which enabled the new architecture, the bottom sheet occasionally fails to open properly, even though the background gets blurred.

Package.json:
"react": "18.3.1",
"react-native": "0.76.1",
"react-native-raw-bottom-sheet": "^3.0.0"
React-native code:
render() {
return (
<RBSheet
customStyles={{
container: {
borderRadius: 18
}
}}
onClose={this.closeBottomSheet}
ref={(ref) => this.bottomSheetModalRef = ref}
height={this.sheetHeight}
closeOnPressBack={true}
closeOnDragDown={true}
closeOnPressMask={true}>
<View style={{ flex: 1 }}>
<Text style={[this.context.h1, styles.titleStyle]}>{this.sheetTitle}</Text>
<Text style={[this.context.p, styles.titleStyle, styles.subTitleView]}>{this.sheetSubTitle}</Text>
<FlatList
style={styles.flatListStyle}
numColumns={4}
showsVerticalScrollIndicator={false}
showsHorizontalScrollIndicator={false}
data={this.shareItemsList}
renderItem={(item) => this.renderItem(item)}
keyExtractor={(item, id) => '' + id}
/>
</View>
{this.state.showLoadingIndicator && <LoadingIndicator />}
</RBSheet>
)
}