Some 'draggable targets' cannot be 'drag and drop', can you give me some advice?

[wiswis77]

Using nested draggables, I want to build 'fomebuilder'

And I used 3 layers. ( DragDropContent > Draggable > Droppable > Draggable ) When 'drag and drop', Some 'draggable targets' cannot be 'drag and drop'.

Can you give me some advice?

I think it's an index problem, I'm not sure exactly what the problem is.

codesandbox : https://codesandbox.io/p/github/wiswis77/react-beautiful-dnd-overlap-draggable