From 5ff21a65f78f19a2996a89724b8185b9b33eac0f Mon Sep 17 00:00:00 2001
From: Marshall Polaris <marshall@pol.rs>
Date: Tue, 27 Sep 2022 16:25:44 -0700
Subject: [PATCH] Fix up deps

---
 web/components/charts/generic-charts.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/components/charts/generic-charts.tsx b/web/components/charts/generic-charts.tsx
index 350bdf21..1d9ec6a6 100644
--- a/web/components/charts/generic-charts.tsx
+++ b/web/components/charts/generic-charts.tsx
@@ -125,7 +125,7 @@ export const SingleValueDistributionChart = (props: {
     const xAxis = axisBottom<number>(xScale).ticks(w / 100)
     const yAxis = axisLeft<number>(yScale).tickFormat(fmtY)
     return { fmtX, fmtY, xAxis, yAxis }
-  }, [xScale, yScale])
+  }, [w, xScale, yScale])
 
   const onSelect = useEvent((ev: D3BrushEvent<DistributionPoint>) => {
     if (ev.selection) {
@@ -218,7 +218,7 @@ export const MultiValueHistoryChart = (props: {
       : axisLeft<number>(yScale)
 
     return { fmtX, fmtY, xAxis, yAxis }
-  }, [h, pct, xScale, yScale])
+  }, [w, h, pct, xScale, yScale])
 
   const series = useMemo(() => {
     const d3Stack = stack<MultiPoint, number>()
@@ -331,7 +331,7 @@ export const SingleValueHistoryChart = (props: {
       ? axisLeft<number>(yScale).tickValues(pctTickValues).tickFormat(fmtY)
       : axisLeft<number>(yScale)
     return { fmtX, fmtY, xAxis, yAxis }
-  }, [h, pct, xScale, yScale])
+  }, [w, h, pct, xScale, yScale])
 
   const onSelect = useEvent((ev: D3BrushEvent<HistoryPoint>) => {
     if (ev.selection) {