Add width to the list of useCallback dependencies for synteny

GMOD · Jan 10, 2023 · c790a4b · c790a4b
1 parent c7b83be
commit c790a4b
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/...ns/linear-comparative-view/src/LinearSyntenyDisplay/components/LinearSyntenyRendering.tsx b/...ns/linear-comparative-view/src/LinearSyntenyDisplay/components/LinearSyntenyRendering.tsx
@@ -30,22 +30,22 @@ export default observer(function LinearSyntenyRendering({
   const k1 = useCallback(
     (ref: HTMLCanvasElement) => model.setMouseoverCanvasRef(ref),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [model, height],
+    [model, height, width],
   )
   const k2 = useCallback(
     (ref: HTMLCanvasElement) => model.setMainCanvasRef(ref),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [model, height],
+    [model, height, width],
   )
   const k3 = useCallback(
     (ref: HTMLCanvasElement) => model.setClickMapCanvasRef(ref),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [model, height],
+    [model, height, width],
   )
   const k4 = useCallback(
     (ref: HTMLCanvasElement) => model.setCigarClickMapCanvasRef(ref),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [model, height],
+    [model, height, width],
   )
 
   return (