fix: sync up changes

Author: khushal87

package/src/hooks/useAttachmentPickerBottomSheet.ts

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useRef } from 'react';
 
 import BottomSheet from '@gorhom/bottom-sheet';
+import { BottomSheetMethods } from '@gorhom/bottom-sheet/lib/typescript/types';
 
 /**
  * This hook is used to manage the state of the attachment picker bottom sheet.
@@ -26,36 +27,36 @@ export const useAttachmentPickerBottomSheet = () => {
     [],
   );
 
-  const openPicker = useCallback(() => {
+  const openPicker = useCallback((ref: React.RefObject<BottomSheetMethods | null>) => {
     if (bottomSheetCloseTimeoutRef.current) {
       clearTimeout(bottomSheetCloseTimeoutRef.current);
     }
-    if (bottomSheetRef.current?.snapToIndex) {
-      bottomSheetRef.current.snapToIndex(0);
+    if (ref.current?.snapToIndex) {
+      ref.current.snapToIndex(0);
     } else {
       console.warn('bottom and top insets must be set for the image picker to work correctly');
     }
   }, []);
 
-  const closePicker = useCallback(() => {
-    if (bottomSheetRef.current?.close) {
+  const closePicker = useCallback((ref: React.RefObject<BottomSheetMethods | null>) => {
+    if (ref.current?.close) {
       if (bottomSheetCloseTimeoutRef.current) {
         clearTimeout(bottomSheetCloseTimeoutRef.current);
       }
-      bottomSheetRef.current.close();
+      ref.current.close();
       // Attempt to close the bottomsheet again to circumvent accidental opening on Android.
       // Details: This to prevent a race condition where the close function is called during the point when a internal container layout happens within the bottomsheet due to keyboard affecting the layout
       // If the container layout measures a shorter height than previous but if the close snapped to the previous height's position, the bottom sheet will show up
       // this short delay ensures that close function is always called after a container layout due to keyboard change
       // NOTE: this timeout has to be above 500 as the keyboardAnimationDuration is 500 in the bottomsheet library - see src/hooks/useKeyboard.ts there for more details
       bottomSheetCloseTimeoutRef.current = setTimeout(() => {
-        bottomSheetRef.current?.close();
+        ref.current?.close();
       }, 600);
     }
   }, []);
 
   useEffect(() => {
-    closePicker();
+    closePicker(bottomSheetRef);
   }, [closePicker]);
 
   return {