Anyway to override the virutal list in the scroll container?

[ElasticBottle]

Am using this in conjunction with @gorhom/bottom-sheet but am running into an issue where I can't get it to scroll because the bottom sheet overrides the touch input.

As a result I need to do something like

 <Modal
      content={
        <BottomSheetScrollView>
          <View className="flex size-full flex-col items-center justify-start gap-2 pb-8 pt-5">
            <EmojiPicker
              emojis={emojis}
              loading={false}
              // eslint-disable-next-line jsx-a11y/no-autofocus
              autoFocus={false}
              darkMode={false}
              perLine={7} // # of emoji's per line
              onSelect={console.log}
              recent={recent}
              onChangeRecent={setRecent}
            />
          </View>
        </BottomSheetScrollView>
      }
    />

But wrapping the EmojiPicker in a BottomSheetScrollView results in a VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead. error