BottomSheetModal Not Opening/Showing

[maxxs7]

Problem :
@gorhom/bottom-sheet BottomSheetModal doesn't appear when calling present().
Button press is detected (console logs work), but the modal doesn't show visually.

Setup :
Development Build (not Expo Go)
React Native: 0.81.5
Expo SDK: 54.0.19
Packages: @gorhom/bottom-sheet@5.2.6, react-native-reanimated@3.19.3, react-native-gesture-handler@2.28.0

What I've tried :
✅ Proper GestureHandlerRootView wrapper
✅ BottomSheetModalProvider at root level
✅ Using BottomSheetModal (not BottomSheet)
✅ Cleared all caches
✅ Reinstalled pods
✅ Removed duplicate providers
✅ Tried removing my component import from ScrollView (see code below)

Question :
Why doesn't BottomSheetModal.present() show the modal ? Any known issues with it not working ? Am I missing anything ?

Thanks for your help !

Implementation :

// Root layout (_layout.tsx)
import 'react-native-reanimated';
import 'react-native-gesture-handler';
import { GestureHandlerRootView } from 'react-native-gesture-handler';
import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';

export default function RootLayout() {
  return (
    <GestureHandlerRootView style={{ flex: 1 }}>
      <BottomSheetModalProvider>
        <Stack>
          <Stack.Screen name="(tabs)" options={{headerShown:false}} />
        </Stack>
      </BottomSheetModalProvider>
    </GestureHandlerRootView>
  );
}

// Component 
const bottomSheetRef = useRef<BottomSheetModal>(null);
const snapPoints = useMemo(() => ['50%', '85%'], []);

const openSheet = () => {
  console.log('Button pressed'); // ✅ Works
  bottomSheetRef.current?.present(); // ❌ Doesn't work
};

<BottomSheetModal
  ref={bottomSheetRef}
  snapPoints={snapPoints}
  backdropComponent={renderBackdrop}
  enablePanDownToClose={true}
>
  <View><Text>Content</Text></View>
</BottomSheetModal>

// Component import
import FlightTypeSelector from '@/components/postCreation/FlightTypeSelector';
import TitleDesc from '@/components/postCreation/TitleDesc';
import { useState } from 'react';
import { ScrollView, StyleSheet, View } from 'react-native';

export default function PostCreation() { 
  return ( 
    <View style={{flex: 1}}>
      <ScrollView style={style.screen}>
        <TitleDesc />
        <FlightTypeSelector/>
      </ScrollView>
    </View>
  );
}