From 738510b7095c9368a4c4c8c8a75fdfc802b70cc9 Mon Sep 17 00:00:00 2001 From: peterkogo Date: Mon, 9 Dec 2024 12:16:05 +0100 Subject: [PATCH 1/2] Prevent rerendering of EdgeRenderer by removing width & height from selector --- packages/react/src/container/EdgeRenderer/index.tsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/packages/react/src/container/EdgeRenderer/index.tsx b/packages/react/src/container/EdgeRenderer/index.tsx index 6e898cbb..01f64f80 100644 --- a/packages/react/src/container/EdgeRenderer/index.tsx +++ b/packages/react/src/container/EdgeRenderer/index.tsx @@ -31,8 +31,6 @@ type EdgeRendererProps = Pick< }; const selector = (s: ReactFlowState) => ({ - width: s.width, - height: s.height, edgesFocusable: s.edgesFocusable, edgesReconnectable: s.edgesReconnectable, elementsSelectable: s.elementsSelectable, From 41d4743a690f054f6dc2b9084b5fad8e54ade921 Mon Sep 17 00:00:00 2001 From: peterkogo Date: Mon, 9 Dec 2024 12:17:47 +0100 Subject: [PATCH 2/2] chore(changeset) add --- .changeset/tall-kids-lick.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/tall-kids-lick.md diff --git a/.changeset/tall-kids-lick.md b/.changeset/tall-kids-lick.md new file mode 100644 index 00000000..e9995292 --- /dev/null +++ b/.changeset/tall-kids-lick.md @@ -0,0 +1,5 @@ +--- +'@xyflow/react': patch +--- + +Prevent unnecessary rerenders of edges when resizing the flow.