'Separating items (after combining them) using React beautiful DnD

I am using react-beautiful-dnd library in my React project which works well for sorting items and also for combining them (using isCombineEnabled feature).

What I want is to be able to also separate combined items.

The example of combined items is on the next picture. What I imagine is to grab the handle (6 dots) which should take one item from combined items and put it back anywhere in the items list where I drop it. I thought to somehow create <Draggable> dynamically when I start drag the handle, but not sure if that is possible.

enter image description here

Any hint appreciated. Thanks



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source