From 2a18fb4df065b2072ff39213f5ace57fdefb0ae3 Mon Sep 17 00:00:00 2001
From: Vorflux AI <noreply@vorflux.com>
Date: Sat, 28 Mar 2026 06:10:56 +0000
Subject: [PATCH] fix: memoize colors object to prevent cascading re-renders
 when colorOverrides provided

---
 packages/memory-graph/src/components/memory-graph.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/memory-graph/src/components/memory-graph.tsx b/packages/memory-graph/src/components/memory-graph.tsx
index b01bf92a..630a47c2 100644
--- a/packages/memory-graph/src/components/memory-graph.tsx
+++ b/packages/memory-graph/src/components/memory-graph.tsx
@@ -31,9 +31,13 @@ export function MemoryGraph({
 	totalCount,
 }: MemoryGraphProps) {
 	const resolvedColors = useGraphTheme(colorOverrides)
-	const colors: GraphThemeColors = colorOverrides
-		? { ...resolvedColors, ...colorOverrides }
-		: resolvedColors
+	const colors = useMemo<GraphThemeColors>(
+		() =>
+			colorOverrides
+				? { ...resolvedColors, ...colorOverrides }
+				: resolvedColors,
+		[resolvedColors, colorOverrides],
+	)
 
 	const [containerSize, setContainerSize] = useState({ width: 0, height: 0 })
 	const [containerBounds, setContainerBounds] = useState<DOMRect | null>(null)