From e82c72a91203854844f5d5112247fc1527584a68 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 3 Jun 2024 16:12:36 +0200
Subject: [PATCH] fix(react): re-observe nodes when hidden is toggled

---
 .../react/src/components/NodeWrapper/useNodeObserver.ts     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/components/NodeWrapper/useNodeObserver.ts b/packages/react/src/components/NodeWrapper/useNodeObserver.ts
index 1476e920..2c2910fd 100644
--- a/packages/react/src/components/NodeWrapper/useNodeObserver.ts
+++ b/packages/react/src/components/NodeWrapper/useNodeObserver.ts
@@ -26,17 +26,17 @@ export function useNodeObserver({
   const prevSourcePosition = useRef(node.sourcePosition);
   const prevTargetPosition = useRef(node.targetPosition);
   const prevType = useRef(nodeType);
-  const isInitialized = hasDimensions && !!node.internals.handleBounds && !node.hidden;
+  const isInitialized = hasDimensions && !!node.internals.handleBounds;
 
   useEffect(() => {
-    if (nodeRef.current && (!isInitialized || observedNode.current !== nodeRef.current)) {
+    if (nodeRef.current && !node.hidden && (!isInitialized || observedNode.current !== nodeRef.current)) {
       if (observedNode.current) {
         resizeObserver?.unobserve(observedNode.current);
       }
       resizeObserver?.observe(nodeRef.current);
       observedNode.current = nodeRef.current;
     }
-  }, [isInitialized]);
+  }, [isInitialized, node.hidden]);
 
   useEffect(() => {
     return () => {