[Bug]: Glitching content render since upgrade to new react native architecture

[PartypayNL]

Version

v5

Reanimated Version

v3

Gesture Handler Version

v2

Platforms

iOS

What happened?

Since updating to the new React Native architecture and the latest version of the Bottom Sheet, we've been encountering intermittent glitches in the rendering of the bottom sheet. As shown in the video below, this issue occurs across multiple instances where we use the Bottom Sheet (approximately 15 different places in our app). The problem is quite rare, happening about once every 30 times, but when it does occur, the Bottom Sheet fails to load properly. We’ve tried downgrading the Bottom Sheet package, but the issue persists.

Reproduction steps

Upgrade to latest react native.

<BottomSheet
enableDynamicSizing={false}
handleComponent={null} ref={(bs) => {this.bottomSheet = bs}}
index={0}
onClose={() => {observableStore.optieModal = false}}
style={{backgroundColor: '#d3d8d9', borderRadius: 15, overflow: 'hidden'}}
enablePanDownToClose
snapPoints={[540]}

<View style={{alignItems: 'center', height: '100%', backgroundColor: '#f1f2f4'}}>

Reproduction sample

https://snack.expo.dev/@gorhom/bottom-sheet---issue-reproduction-template

Relevant log output

No response