snapTo snapping to the wrong SnapPoint

I have a simple sheet component with 3 buttons:

export const SimpleSheet: React.FC = (): JSX.Element => {
  const bs = useRef<BottomSheet>(null)

  const renderContent = () => (
    <View style={styles.content}>
      <Button title="Top" onPress={() => { bs?.current?.snapTo(2) }} />
      <Button title="Center" onPress={() => { bs?.current?.snapTo(1) }} />
      <Button title="Bottom" onPress={() => { bs?.current?.snapTo(0) }} />
    </View>
  )

  return (
    <BottomSheet
      ref={bs}
      snapPoints={[125, '50%', '95%']}
      initialSnap={1}
      renderContent={renderContent}
    />
  )
}

1. I press the Top button -> snap to top

2. I press the Bottom button -> nothing happens

3. I press the Center button -> snap to bottom

It seems as the component is remembering the last snap point it is supposed to snap to and performs the action after the next snapTo.

happend on current npm version 1.0.0-alpha.18 on iOS

Thanks in advance

[MojtabaMahdian]

bs = React.createRef(null);

<BottomSheet ref={this.bs} snapPoints={[330, 0]} borderRadius={10} /> i use with this keyword fixed

call ref like this : this.bs.current.snapTo(1);

[zeabdelkhalek]

downgrade version to ‘1.0.0-alpha.14’ works for me !