Invalid prop useScrolllView when using custom component

[moritzw1]

Is this a bug report, a feature request, or a question?

Bug report

Have you followed the required steps before opening a bug report?

(Check the step you've followed - put an x character between the square brackets ([]).)

• I have read the guidelines regarding bug report.
• I have reviewed the documentation in its entirety, including the dedicated documentations 📚.
• I have searched for existing issues and made sure that the problem hasn't already been reported.
• I am using the latest plugin version.
• I am following the issue template closely in order to produce a useful bug report.

Have you made sure that it wasn't a React Native bug?

Yes

Is the bug specific to iOS or Android? Or can it be reproduced on both platforms?

Happens on both platforms

Is the bug reproductible in a production environment (not a debug one)?

Yes

Environment

Environment:
React: 16.9.0
React native: 0.62.2
react-native-snap-carousel: 3.9.1

Target Platform:
Android (10)
iOS (13.5)

Expected Behavior

Should use the provided ScrollView/FlatList component

Actual Behavior

Warning: Failed prop type: Invalid prop useScrollView supplied to Carousel.

Reproducible Demo

(Paste the link to a Snack example in which the issue can be reproduced. Please follow the guidelines for providing a Minimal, Complete, and Verifiable example.)

Steps to Reproduce

(Write your steps so that anyone can reproduce the issue in the Snack demo you provided.)

1. Create a Carousel component as usual
2. Import ScrollView from react-native-gesture-handler
3. Create Animatable Component
   const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);
4. Pass the AnimatedScrollView component to useScrollView prop as described in the docs
   <Carousel useScrollView={AnimatedScrollView}
5. The warning occurs and the Carousel won't use the custom component

Since version 3.7.6, this prop also accepts a custom scroll component (see #498 for more info).

[meiqi1992]

+1