How can I get nested DraggableFlatList to work?

I have an array of objects where each object also contains an array of items.

For example: [ { group1: [{…}] }, { group2: [{…}] }, { group3: [{…}] } ]

I need to be able to sort the groups and also items in the groups. The component works fine when sorting the groups but when I try to drag items, I get this error this._scrollRef.scrollTo is not a function.

My code is something like this:

<DraggableFlatList data={mainArray} renderItem={() => ( {… <DraggableFlatList data={itemArray} … /> } )} />

[ReemaVinodGangdev]

@wonghupwen Did you get any solution then?

[ReSenpai]

You can use the scrollEnabled field from your parent DraggableFlatList.

To disable scrolling of parent DraggableFlatList while dragging in child DraggableFlatLis