From cb41f444eb51354c477681447c363084d507e953 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 9 Feb 2026 07:57:41 +0100
Subject: [PATCH] simplify code & useEffect instead of uselayoutEffect

---
 packages/react/src/hooks/useDrag.ts | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/packages/react/src/hooks/useDrag.ts b/packages/react/src/hooks/useDrag.ts
index f33c1276..6b4c7642 100644
--- a/packages/react/src/hooks/useDrag.ts
+++ b/packages/react/src/hooks/useDrag.ts
@@ -3,7 +3,6 @@ import { XYDrag, type XYDragInstance } from '@xyflow/system';
 
 import { handleNodeClick } from '../components/Nodes/utils';
 import { useStoreApi } from './useStore';
-import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 
 type UseDragParams = {
   nodeRef: RefObject<HTMLDivElement>;
@@ -52,13 +51,8 @@ export function useDrag({
     });
   }, []);
 
-  useIsomorphicLayoutEffect(() => {
-    if (disabled) {
-      xyDrag.current?.destroy();
-      return;
-    }
-
-    if (!nodeRef.current || !xyDrag.current) {
+  useEffect(() => {
+    if (disabled || !nodeRef.current || !xyDrag.current) {
       return;
     }