Stuck on an issue?

I use NestableScrollContainer and NestableDraggableFlatList exactly as in the example, but I get the following scrollview nesting error in console：

VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead.

my code:

<NestableScrollContainer>
  <NestableDraggableFlatList
    scrollEnabled={false}
    data={data1}
    renderItem={renderItem}
    keyExtractor={(index) => `${index}`}
    onDragEnd={({ data }) => setData1(data)}
  />
  <NestableDraggableFlatList
    scrollEnabled={false}
    data={data2}
    renderItem={renderItem}
    keyExtractor={(index) => `${index}`}
    onDragEnd={({ data }) => setData2(data)}
  />
  <NestableDraggableFlatList
    scrollEnabled={false}
    data={data3}
    renderItem={renderItem}
    keyExtractor={(index) => `${index}`}
    onDragEnd={({ data }) => setData3(data)}
  />
</NestableScrollContainer>

Platform & Dependencies

• react-native-draggable-flatlist version: 3.1.2
• Platform: iOS/Android
• React Native: 0.69
• Reanimated version: 2.8.0
• React Native Gesture Handler version: 2.2.1