diff --git a/src-web/components/core/tree/Tree.tsx b/src-web/components/core/tree/Tree.tsx index cea0400d..5183b620 100644 --- a/src-web/components/core/tree/Tree.tsx +++ b/src-web/components/core/tree/Tree.tsx @@ -300,7 +300,7 @@ function TreeInner( const clearDragState = useCallback(() => { jotaiStore.set(hoveredParentFamily(treeId), { parentId: null, index: null }); - // jotaiStore.set(draggingIdsFamily(treeId), []); + jotaiStore.set(draggingIdsFamily(treeId), []); }, [treeId]); const handleDragEnd = useCallback( diff --git a/src-web/components/core/tree/TreeDragOverlay.tsx b/src-web/components/core/tree/TreeDragOverlay.tsx index a9f48b19..15be60e7 100644 --- a/src-web/components/core/tree/TreeDragOverlay.tsx +++ b/src-web/components/core/tree/TreeDragOverlay.tsx @@ -25,13 +25,15 @@ export function TreeDragOverlay({ node={{ item: { ...root.item, id: `${root.item.id}_dragging` }, parent: null, - children: draggingItems.map((id) => { - const child = selectableItems.find((i2) => { - return i2.node.item.id === id; - })!.node; - return { ...child, children: undefined }; - // Remove children so we don't render them in the drag preview - }), + children: draggingItems + .map((id) => { + const child = selectableItems.find((i2) => { + console.log('i2', i2); + return i2.node.item.id === id; + })?.node; + return child == null ? null : { ...child, children: undefined }; + }) + .filter((c) => c != null), }} getItemKey={getItemKey} ItemInner={ItemInner}