this._scrollRef.scrollTo is not a function (nested carousels)

Hi!

I’m getting the above error when initializing my carousel! I’ve got the JSX for it below.

Fun fact - I’m actually instantiating this inside something that’s already within a larger Carousel component. Could that be causing the above error?

<Carousel
  data={heroImages}
  itemWidth={heroImageWidth}
  sliderWidth={parentCardWidth - 30}
  ref={d => {
    this._carousel = d;
  }
  renderItem={(item, idx) => {
    return (
      <View style={{ width: heroImageWidth }}>
         <Text>hi</Text>
      </View>
    );
  }}
/>

[VitaliiK91]

useScrollView for nested carousel worked in my case. Thanks @bd-arc

[bd-arc]

Unfortunately, we can’t be sure that a solution can be found since the issue comes from the FlatList component and not from the plugin.

Note that a prop useScrollView has been introduced in version 3.5.0. I recommend that you try to activate it for both your carousels; maybe the issue won’t show up when using an animated ScrollView instead of an animated FlatList.

If you need us to dig deeper into the issue, please create an example that reproduces the bug using https://snack.expo.io/ and provide us with the link.