@umituz/react-native-bottom-sheet 1.2.1 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-bottom-sheet",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Modern, performant bottom sheets for React Native with preset configurations, keyboard handling, and smooth animations",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/components/BottomSheet.tsx

@@ -156,6 +156,9 @@ export const BottomSheet = forwardRef<BottomSheetRef, BottomSheetProps>(
     const tokens = useAppDesignTokens();
     const sheetRef = React.useRef<GorhomBottomSheet>(null);
     // Use centralized Reanimated ready check from animation package
+    // CRITICAL: This must be true before GorhomBottomSheet is rendered
+    // Otherwise, internal hooks (useAnimatedLayout) will access containerLayoutState.get
+    // before Reanimated is ready, causing "containerLayoutState.get is not a function" errors
     const isMounted = useReanimatedReady();
 
     // Get configuration from preset or custom (must be before useImperativeHandle)
@@ -242,13 +245,21 @@ export const BottomSheet = forwardRef<BottomSheetRef, BottomSheetProps>(
       },
     }));
 
-    // Don't render until mounted to prevent early hook execution
-    // This ensures @gorhom/bottom-sheet's internal hooks don't run before Reanimated is ready
+    // CRITICAL: Don't render GorhomBottomSheet until Reanimated is fully ready
+    // GorhomBottomSheet's internal hooks (useAnimatedLayout, useAnimatedDetents, etc.)
+    // access Reanimated's containerLayoutState.get during initialization
+    // If we render before Reanimated is ready, we get "containerLayoutState.get is not a function" errors
     // IMPORTANT: All hooks must be called before this early return to maintain hook order
     if (!isMounted) {
       return null;
     }
 
+    // Double-check: Ensure we have a valid config before rendering
+    // This prevents errors if snapPoints are invalid
+    if (!config.snapPoints || config.snapPoints.length === 0) {
+      return null;
+    }
+
     return (
       <GorhomBottomSheet
         ref={sheetRef}