diff --git a/extension/src/components/Graph.tsx b/extension/src/components/Graph.tsx index 394f633c8..fb3d8bb7c 100644 --- a/extension/src/components/Graph.tsx +++ b/extension/src/components/Graph.tsx @@ -1,5 +1,5 @@ import { useRef } from "preact/hooks"; -import { Signal, computed } from "@preact/signals"; +import { Signal, computed, useComputed, useSignal } from "@preact/signals"; import { Divider, GraphData, @@ -15,7 +15,7 @@ export function GraphVisualization() { const svgRef = useRef(null); // Build graph data from updates signal using a computed - const graphData = computed(() => { + const graphData = useComputed(() => { const rawUpdates = updates.value; if (!rawUpdates || rawUpdates.length === 0) return { nodes: [], links: [], components: [] };