react-beautiful-dnd nested list drag to parent

I'm creating a sortable tree view with 'react-beautiful-dnd' (because react-sortable-tree is broken with react@17+)

the storybook in doc site has implemented a nested list

but it can not drag an item from "second level" to "top level" (making a child become a sibling of its parent)

I have tried to make all <Droppable /> with the same type, but it doesn't work well