How to DnD items from other are into dnd-kit-sortable-tree

[nhatcuongboy]

Hi,

I have the following request. There are two areas: Screen list and Menu list (using dnd-kit-sortable-tree). The menu list only contains 3 levels, the 3rd level includes items from the Screen list.

I want to DnD item from Screen list to Menu list (just go to 3rd menu). After DnD, the screen item will not disappear from the Screen list. I want the items on the Menu list to be sorted on the same level, in the same parent folder, the level of the item cannot be changed. Ex: If there is a parent tree, it can only be sorted in the parent tree. If it does not have a parent tree (level 1), the position can only be sorted in the root tree.

Please give me a solution. My repo: https://codesandbox.io/p/sandbox/tree-r6qy39?file=%2Fsrc%2FApp.tsx

Thanks