In my example I am trying to display Accordion but I get the following error:

"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"

I would be happy for some ways to solve this.

import React from 'react';
import {
  Modal, 
  View,
} from 'react-native';
import { Container, Header, Content, Accordion } from "native-base";

export const EarthquakeModal = ({ setModalVisible, modalVisible }) => {
  const dataArray = [
    { title: "First Element", content: "Lorem ipsum dolor sit amet" },
    { title: "Second Element", content: "Lorem ipsum dolor sit amet" },
    { title: "Third Element", content: "Lorem ipsum dolor sit amet" }
  ];
  
  return (
    <View style={styles.centeredView}>
      <Modal animationType="slide"
        transparent={true}
        visible={modalVisible}>
        <View style={styles.centeredView}>
      
        <Container>
        <Header />
        <Content padder>
          <Accordion dataArray={dataArray} expanded={0}/>
        </Content>
      </Container>
        </View>
      </Modal>
    </View>
  );
};