Error on Drag and Drop

[uok-dev]

on drag and drop error has occured

my code is :
<Vue3TreeVue :items="meta.depts" @onselect="item=>meta.seldept=item" @dropValidator="onBeforeItemDropped">
<template #item-prepend-icon="treeViewItem" >

onBeforeItemDropped =(droppedItem,destinationNode)=>{
console.log("Dropped Item:", droppedItem);
console.log("Destination Node:", destinationNode);
return new Promise((resolve) =>resolve(droppedItem !== destinationNode))
}

the error is :
runtime-core.esm-bundler.js:268 Uncaught TypeError: Converting circular structure to JSON
--> starting at object with constructor 'Object'
| property 'meta' -> object with constructor 'Object'
| property 'parent' -> object with constructor 'Object'
| property 'children' -> object with constructor 'Object'
--- index 0 closes the circle
at JSON.stringify ()

the error thrown code is :
const onDragNode = (item, event) => {
if (item.disableDragAndDrop) return;
if (event.dataTransfer) {
[here is the error]-> event.dataTransfer.setData('text/plain', JSON.stringify(item));
}
};

Please help... thanks