Expo/Callstack Pager View does not display inside bottom sheet

[AyoCodess]

When i try to render.a page view component in a side a bottom sheet, the page view is not rendered at all.

https://github.com/callstack/react-native-pager-view

 <ActionSheet
      gestureEnabled={true}
      overlayColor="rgba(0,0,0,0.2)"
      closable={true}
      containerStyle={{
        display: 'flex',
        borderTopLeftRadius: 20,
        borderTopRightRadius: 20,
      }}
      useBottomSafeAreaPadding
      id={props.sheetId}>
      <View style={{ flex: 1, zIndex: 1000 }}>
        <PagerView
          overScrollMode={'always'}
          initialPage={0}
          style={{
            paddingHorizontal: 40,
            flex: 1,
          }}>
          <View style={{ flex: 1, padding: 20 }} key="1">
            <Text style={{ fontSize: 60 }}>THIS IS SOME TEXT</Text>
          </View>
        </PagerView>
      </View>
    </ActionSheet>

[AyoCodess]

solution, had to create my own pager view using scrollView and scroll events. (not ideal)