Different type of data rendered items in wrong order when `loop` is true

version:

"react": "16.9.0",
 "react-native": "0.61.2",
"react-native-snap-carousel": "^3.8.2",

code:

      <Carousel
          loop
          data={data}
          itemWidth={width}
          sliderWidth={width}
          renderItem={this.renderItem}
        />

which the data is:

const data = [
  {type: 'a', uri: 'https://tmp.mp4'},
  {type: 'b', uri: 'https://tmp.png'},
  {type: 'b', uri: 'https://tmp2.png'},
  {type: 'b', uri: 'https://tmp3.png'},
  {type: 'b', uri: 'https://tmp4.png'},
]

and the renderItem:

  if (item.type === 'a') {
      return (
          <View style={{width, height: widht, backgroundColor: 'blue'}} />
      )
    } else if (item.type === 'b') {
      return (
        <Image
          resizeMode="contain"
          style={styles.swiperImg}
          source={{ uri: `${item.uri}` }}
        />
      )
    }

When the loop set to true, the first screen of snap-carousel will never be type a view. The currentIndex is 0, and then swipe next screen, the currentIndex turned to 2.

Start by reproducing the issue in the Carousel with the supplied mixed-type data and loop enabled, then trace the loop and currentIndex handling. Confirm that the initial item is the type 'a' view and that swiping advances to the correct next item rather than index 2.