Drag from outside not working in controlled component.

I am working on a similar functionality like Demo 15 - Drag From Outside. I notice that provided example is an uncontrolled component.

When I try to implement a similar feature with a controlled component (layout state is controlled when onLayoutChange callback trigger). I am getting undefined in the onDrop callback.

Sandbox is created to demonstrate this issue. How I can get a drop element position in the grid?

[jdbence]

Something like this probably would work for your sandbox

const onLayoutChange = (layout) => {
    if(!layout.find(li => li.i === 'Dropped')){
      setLayoutState(layout);
    }
};

[gonzofish]

the i for me is '__dropping-elem__'