first and last child components' render method runs twice.

I m using the code below, and if a run this code, with sample data say : Data=[{data...},{data...},{data...},{data..}] then the, render of Child component for Data[0] and Data[3] runs twice.

<Swiper scrollEnabled={this.state.scrollEnabled}
showsButtons={false} showsPagination={false}
loop={true} loadMinimal={false}
index={currentIndex}
onMomentumScrollEnd={(e, state, context) => {
console.warn("index", state.index);
}}>
{
Data.map((item, index) => (

))
}

fix this, or give me solution ASAP

No repository file or test is named; start by reproducing the provided Swiper and Child component example with loop enabled and mapped data. Trace the Swiper and Child render behavior, then verify that the first and last Child components render only once without breaking scrolling or pagination behavior.