[v3] Animated.SharedValue can't be passed to animatedIndex prop in BottomSheetModal

Bug

Passing an Animated.SharedValue to the animatedIndex prop of BottomSheetModal results in a “No default value” error.

Environment info

Library	Version
@gorhom/bottom-sheet	^2.0.2
expo	~40.0.0
react-native	https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz
react-native-reanimated	2.0.0-rc.0
react-native-gesture-handler	~1.8.0

Steps To Reproduce

1. expo init (basic config)
2. yarn add @gorhom/bottom-sheet react-native-reanimated@2.0.0-rc.0 react-native-gesture-handler
3. Replace App.js with the code below.

Describe what you expected to happen:

1. animatedIndex prop for BottomSheetModal should be able to handle Animated.SharedValue in react-native-reanimated v2

Reproducible sample code

import {
  BottomSheetModal,
  BottomSheetModalProvider
} from '@gorhom/bottom-sheet';
import React, { useCallback, useRef } from 'react';
import { Button, StyleSheet, Text, View } from 'react-native';
import { useSharedValue } from "react-native-reanimated";

const App = () => {
  const bottomSheetModalRef = useRef(null);

  const sharedValue = useSharedValue(0);

  const handlePresentModalPress = useCallback(() => {
    bottomSheetModalRef.current?.present();
  }, []);

  return (
    <BottomSheetModalProvider>
      <View style={styles.container}>
        <Button
          onPress={handlePresentModalPress}
          title="Present Modal"
          color="black"
        />
        <BottomSheetModal
          animatedIndex={sharedValue}
          ref={bottomSheetModalRef}
          snapPoints={["50%"]}
        >
          <View style={styles.contentContainer}>
            <Text>Hello World!</Text>
          </View>
        </BottomSheetModal>
      </View>
    </BottomSheetModalProvider>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 24,
    justifyContent: 'center',
    backgroundColor: 'grey',
  },
  contentContainer: {
    flex: 1,
    justifyContent: "center",
    alignItems: 'center',
  },
});

export default App;

[jerryjfwang]

Ah. My apologies — must’ve not copied the right installation instructions. Didn’t mean to waste your time 😅

Thank you for creating and maintaining this library!

[gorhom]

@jerryjfwang you are using @gorhom/bottom-sheet@^2.0.2 that runs on Reanimated v1 , you need to use @gorhom/bottom-sheet@^3