How to change the parent of a motion.div / portal it, when it is dragged?

[navanshu]

const dragContext = ...

const Item = (item: Task) => {

 const [dragitem,setDragItem] = useDragContext(dragContext )

 return <>
<Render useDragControls  />
{
 dragitem === item ?
 createPortal(document.body, <Render dragListener />) 
 : null
}
 </>
}