Browse Source

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
handoff-20260429-1057
Claude 4 months ago
parent
commit
a9d34b5007
Failed to extract signature
  1. 1
      src/components/WorkflowCanvas.tsx

1
src/components/WorkflowCanvas.tsx

@ -2012,6 +2012,7 @@ export function WorkflowCanvas() {
nodesDraggable={!isModalOpen} nodesDraggable={!isModalOpen}
nodesConnectable={!isModalOpen} nodesConnectable={!isModalOpen}
elementsSelectable={!isModalOpen} elementsSelectable={!isModalOpen}
onlyRenderVisibleElements
className="bg-neutral-900" className="bg-neutral-900"
proOptions={{ hideAttribution: true }} proOptions={{ hideAttribution: true }}
defaultEdgeOptions={{ defaultEdgeOptions={{

Loading…
Cancel
Save