diff --git a/components/canvas/nodes/adjustment-preview.tsx b/components/canvas/nodes/adjustment-preview.tsx
index 21b9e33..3304ee9 100644
--- a/components/canvas/nodes/adjustment-preview.tsx
+++ b/components/canvas/nodes/adjustment-preview.tsx
@@ -87,7 +87,7 @@ export default function AdjustmentPreview({
       width: 96,
       height: 44,
     });
-  }, [histogram.blue, histogram.green, histogram.red, histogram.rgb]);
+  }, [histogram]);
 
   return (
     <div className="space-y-2">
diff --git a/components/canvas/nodes/render-node.tsx b/components/canvas/nodes/render-node.tsx
index 977b104..3796430 100644
--- a/components/canvas/nodes/render-node.tsx
+++ b/components/canvas/nodes/render-node.tsx
@@ -650,7 +650,7 @@ export default function RenderNode({ id, data, selected, width, height }: NodePr
       width: 96,
       height: 44,
     });
-  }, [histogram.blue, histogram.green, histogram.red, histogram.rgb]);
+  }, [histogram]);
 
   const canRender =
     hasSource &&
diff --git a/tests/use-pipeline-preview.test.ts b/tests/use-pipeline-preview.test.ts
index feb4d94..02d71d7 100644
--- a/tests/use-pipeline-preview.test.ts
+++ b/tests/use-pipeline-preview.test.ts
@@ -1,6 +1,6 @@
 // @vitest-environment jsdom
 
-import { act, createElement } from "react";
+import { act, createElement, useEffect } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
@@ -77,9 +77,11 @@ function PreviewHarness({
     includeHistogram,
   });
 
-  previewHarnessState.latestHistogram = histogram;
-  previewHarnessState.latestError = error;
-  previewHarnessState.latestIsRendering = isRendering;
+  useEffect(() => {
+    previewHarnessState.latestHistogram = histogram;
+    previewHarnessState.latestError = error;
+    previewHarnessState.latestIsRendering = isRendering;
+  }, [error, histogram, isRendering]);
 
   return createElement("canvas", { ref: canvasRef });
 }
@@ -490,8 +492,8 @@ describe("preview histogram call sites", () => {
       getSourceImageFromGraph: () => "https://cdn.example.com/source.png",
     }));
 
-    const module = await import("@/components/canvas/nodes/adjustment-preview");
-    const AdjustmentPreview = module.default;
+    const adjustmentPreviewModule = await import("@/components/canvas/nodes/adjustment-preview");
+    const AdjustmentPreview = adjustmentPreviewModule.default;
 
     await act(async () => {
       root?.render(