Carousel renderItem is getting called multiple times

carousel component render item method gets called multiple times even though the data passed to carousel has only 3 items in the array list.
ScreenShot of the logs -->

Here is the sample code

renderProductItem = (item) => {
    console.log("item --",item)
    return (
        <Product product={item.item} />
    )
}

render () {
    return (
        <Carousel
          ref={(c) => { this._carousel = c; }}
          data={data}
          renderItem={(item) => this.renderProductItem(item)}
          keyExtractor={item => item.name}
          sliderWidth={Dimensions.get('window').width}
          itemWidth={Dimensions.get('window').width/2}
        />
    );
}

Start with the Carousel component and its renderItem handling, using the supplied three-item example to reproduce the repeated calls. Compare the observed invocation count with the expected behavior and document or test the conditions under which renderItem is called multiple times; no specific source file or test is named in the report.