Infinite rendering problem when loop={true} && loopClonesPerSide={4} && data.length === 2

Description

This is a bug report, reproducible both on Android and iOS.

When loop={true} and loopClonesPerSide={4}, it triggers infinite rendering problem when the data length is exactly equal to 2.

I did not observe this behavior on any other values of the above parameters.

Library Version

"react-native-snap-carousel": "3.8.4"

React-native Info

System: OS: macOS 10.15.3 CPU: (8) x64 Intel® Core™ i5-8259U CPU @ 2.30GHz Memory: 125.14 MB / 16.00 GB Shell: 5.7.1 - /bin/zsh Binaries: Node: 11.13.0 - ~/.nvm/versions/node/v11.13.0/bin/node Yarn: 1.21.1 - /usr/local/bin/yarn npm: 6.11.2 - ~/.nvm/versions/node/v11.13.0/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman SDKs: iOS SDK: Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1 Android SDK: Android NDK: 21.0.6113669 IDEs: Android Studio: 3.4 AI-183.6156.11.34.5522156 Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild npmPackages: react-native: 0.61.5 => 0.61.5 npmGlobalPackages: react-native-cli: 2.0.1

[wxsms]

Same problem here, but with data.length of 4 and loopClonesPerSide=8

[dohooo]

Sorry, please allow me to advertise for my open source library! ~ I think this library react-native-reanimated-carousel will solve your problem. It is a high performance and very simple component, complete with React-Native reanimated 2