From a9d34b500712680c0c313c1a0df8a9328b13e2c9 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 11 Mar 2026 23:46:58 +0000
Subject: [PATCH] Enable onlyRenderVisibleElements in React Flow for
 performance

Skips rendering off-screen nodes and edges, reducing DOM size and
improving performance on large workflows.

https://claude.ai/code/session_01MvD1n4QeXutgwUpKJuDGHa
---
 src/components/WorkflowCanvas.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/WorkflowCanvas.tsx b/src/components/WorkflowCanvas.tsx
index 52ec031c..568337a4 100644
--- a/src/components/WorkflowCanvas.tsx
+++ b/src/components/WorkflowCanvas.tsx
@@ -2012,6 +2012,7 @@ export function WorkflowCanvas() {
         nodesDraggable={!isModalOpen}
         nodesConnectable={!isModalOpen}
         elementsSelectable={!isModalOpen}
+        onlyRenderVisibleElements
         className="bg-neutral-900"
         proOptions={{ hideAttribution: true }}
         defaultEdgeOptions={{