fix: memoize colors object to prevent cascading re-renders when colorOverrides provided

This commit is contained in:
Vorflux AI 2026-03-28 06:10:56 +00:00
parent 556fade101
commit 2a18fb4df0

View file

@ -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)