From 7649e70082524120bff7871e62eac15bf26ae298 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 3 Jan 2024 13:22:15 +0100
Subject: [PATCH] fix(react): minimap nodes for subflows

---
 .../MiniMap/MiniMapNodes.tsx                    | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
index 162d0b41..71cce50b 100644
--- a/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
+++ b/packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx
@@ -83,17 +83,24 @@ const NodeComponentWrapper = memo(function NodeComponentWrapper({
   onClick: MiniMapNodesProps['onClick'];
   shapeRendering: string;
 }) {
-  const node = useStore((s) => s.nodeLookup.get(id));
+  const { node, x, y } = useStore((s) => {
+    const node = s.nodeLookup.get(id);
+    const { x, y } = getNodePositionWithOrigin(node, node?.origin || nodeOrigin).positionAbsolute;
+
+    return {
+      node,
+      x,
+      y,
+    };
+  }, shallow);
   if (!node || node.hidden || !(node.computed?.width || node.width) || !(node.computed?.height || node.height)) {
     return null;
   }
 
-  const positionOrigin = getNodePositionWithOrigin(node, node.origin || nodeOrigin).positionAbsolute;
-
   return (
     <NodeComponent
-      x={positionOrigin.x}
-      y={positionOrigin.y}
+      x={x}
+      y={y}
       width={node.computed?.width ?? node.width ?? 0}
       height={node.computed?.height ?? node.height ?? 0}
       style={node.style}