diff --git a/packages/frontend/component/src/ui/dnd/drop-target.ts b/packages/frontend/component/src/ui/dnd/drop-target.ts
index daf0efd6c9..6b758ab114 100644
--- a/packages/frontend/component/src/ui/dnd/drop-target.ts
+++ b/packages/frontend/component/src/ui/dnd/drop-target.ts
@@ -231,9 +231,13 @@ export const useDropTarget = <D extends DNDData = DNDData>(
 
   const dropTargetOptions = useMemo(() => {
     const wrappedCanDrop = dropTargetGet(options.canDrop, options);
+    let _element: HTMLElement | null = null;
     return {
       get element() {
-        return dropTargetRef.current;
+        if (!_element) {
+          _element = dropTargetRef.current;
+        }
+        return _element;
       },
       canDrop: wrappedCanDrop
         ? (args: DropTargetGetFeedback<D>) => {