Dynamic rendering issues

Hello, I recently doing drag and drop components and encounter a problem, when I want to add Menu, to drag and drop components found Menu component, after appearing immediately disappear, this is our demo, please help me to analyze, Box component is dynamically generated in the business, I wonder if the trigger drag, lead to contain the Menu component are updated together, don't know is there any way to solve, my side is to Box the parent component of nested Menu component, although can reach the effect, but is not very ideal.

https://codesandbox.io/s/draggable-forked-0ngzc?file=/src/DraggableBox.tsx:985-992

focus on Example.tsx and DraggableBox.tsx

thanks