[v5] Bottom sheet is not longer opening

[Chasty]

Bug

Environment info

Library	Version
@gorhom/bottom-sheet	5.0.0-alpha.7
react-native	0.72.10
react-native-reanimated	3.3.0
react-native-gesture-handler	2.12.0

Steps To Reproduce

1. just using this version "@gorhom/bottom-sheet": "4.4.7" it works perfectly.

Describe what you expected to happen:

I expect it to be opened.

Reproducible sample code

That's the code i have and whenever i want to open the bottom sheet it does not even open it.

import { View } from 'react-native'
import { BottomSheetBackdrop, BottomSheetModal } from '@gorhom/bottom-sheet'
import React, { RefObject, useCallback, useMemo } from 'react'
import CheatSheetContent from './CheatSheetContent'
import { styles } from './CheatSheet.styles'

type CheatSheetProps = {
  bottomSheetModalRef: RefObject<BottomSheetModal>
}

const CheatSheet = ({ bottomSheetModalRef }: CheatSheetProps) => {
  const renderBackdrop = useCallback(
    (props: React.ComponentProps<typeof BottomSheetBackdrop>) => (
      <BottomSheetBackdrop {...props} disappearsOnIndex={-1} appearsOnIndex={0} />
    ),
    []
  )

  const snapPoints = useMemo(() => ['85%'], [])

  return (
    <View>
      <BottomSheetModal
        ref={bottomSheetModalRef}
        index={0}
        snapPoints={snapPoints}
        backdropComponent={renderBackdrop}
        detached={false}
        handleStyle={styles.bottomSheetHandleStyle}
        handleIndicatorStyle={styles.bottomSheetIndicatorStyle}
        keyboardBlurBehavior="restore"
      >
        <CheatSheetContent />
      </BottomSheetModal>
    </View>
  )
}

And open it like this.

 const bottomSheetModalRef = useRef<BottomSheetModal>(null)

  const openBottomModal = useCallback(() => {
    bottomSheetModalRef.current?.present()
  }, [])
  const closeBottomModal = useCallback(() => {
    bottomSheetModalRef.current?.close()
  }, [bottomSheetModalRef])
  
  
<CheatSheet bottomSheetModalRef={bottomSheetModalRef} />

[Chasty]

UPDATE: this is broken since this version 5.0.0-alpha.5, even the example from here does not open.

[malikzype]

+1..Works fine in alpha 6 but breaks in 7 and 8

[Chasty]

In my case I need to remove the backdropComponent prop and it worked again, but now the bottom sheet opens sometimes. weird.

it is somehow related to this issue as well.

#1627

[TNAJanssen]

Same issue here

[JosueCuberoSanchez]

Same issue here

[MoOx]

Getting the same problem with latest version 5.0.0-alpha.9.

[anton2mihail]

+ 1 here, on 5.0.0-alpha.9

There's also a weird Gesture related bug where even if enablePanDownToClose is false you're still able to close the bottom sheet using a 2 finger gesture across the top of the sheet.

Not sure if it's related but the bug is 100% consistent

[nileshzype]

+1
I am also face same issue with 5.0.0-alpha.9

With 5.0.0-alpha.4 its working fine.