Bottom sheet only opens sometimes

Bug

Using with Expo 40, and just repro’d with the latest "@gorhom/bottom-sheet": "^2.0.2" on a real Android device using the Expo app.

I can’t nail down what’s causing this, but the bottom sheet will only open sometimes (see console output screenshot below). On load it’s open correctly, but if I swipe down to close it, then it only opens seemingly randomly when the onPress={openPostActions} is pressed.

Method

const postActions = useRef<BottomSheet>(null);
const openPostActions = () => {
	console.log('openPostActions()');
	postActions.current.snapTo(1);
};

Bottom sheet

<BottomSheet
	ref={postActions}
	index={1}
	snapPoints={[0, '25%']}
	onChange={handleSheetChanges}
>
	<View style={styles.contentContainer}>
		<Text onPress={reportPost} style={styles.postActionsText}>Report Post</Text>
		<View style={{ backgroundColor: 'black', borderTop: 1, opacity: .15, height: 1,}} />
		<Text onPress={deletePost} style={[styles.postActionsText, styles.postActionsTextDanger]}>Delete Post</Text>
	</View>
</BottomSheet>

Environment info

Library	Version
@gorhom/bottom-sheet	2.0.2
react-native	https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz
react-native-reanimated	2.0.0-rc.1
react-native-gesture-handler	1.9.0

[theianjohnson]

I may’ve found something, I downgraded to your v2 and Reanimated 1 and I can repro this. Without useMemo it won’t open, even though in your documentation you have an example of not using it, which is what I was doing

https://gorhom.github.io/react-native-bottom-sheet/props

ie.

Does not work

snapPoints={[0, '25%']}

Does work

const snapPoints = useMemo(() => [0, '25%'], []);
// ...
snapPoints={snapPoints}

[gorhom]

good finding , i think it is important to provide a memoized variables to prevent unwanted side effects, i will need to update the docs to mention it 👍