chore(lint): resolve react-hooks rule violations

components/canvas/canvas-graph-context.tsx

@@ -4,7 +4,6 @@ import {
   createContext,
   useCallback,
   useContext,
-  useEffect,
   useMemo,
   useState,
   type ReactNode,
@@ -84,12 +83,6 @@ export function CanvasGraphProvider({
     [nodes, previewNodeDataOverrides],
   );
 
-  useEffect(() => {
-    if (prunedPreviewNodeDataOverrides !== previewNodeDataOverrides) {
-      setPreviewNodeDataOverrides(prunedPreviewNodeDataOverrides);
-    }
-  }, [previewNodeDataOverrides, prunedPreviewNodeDataOverrides]);
-
   const graph = useMemo(
     () =>
       buildGraphSnapshot(nodes, edges, {

hooks/use-debounced-callback.ts

@@ -1,4 +1,4 @@
-import { useRef, useCallback, useEffect } from "react";
+import { useRef, useCallback, useEffect, useMemo } from "react";
 
 type DebouncedCallback<Args extends unknown[]> = ((...args: Args) => void) & {
   flush: () => void;
@@ -53,8 +53,8 @@ export function useDebouncedCallback<Args extends unknown[]>(
     }
   }, []);
 
-  const debouncedFn = useCallback(
-    (...args: Args) => {
+  return useMemo(() => {
+    const debouncedCallback = ((...args: Args) => {
       argsRef.current = args;
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
       timeoutRef.current = setTimeout(() => {
@@ -65,13 +65,11 @@ export function useDebouncedCallback<Args extends unknown[]>(
           callbackRef.current(...nextArgs);
         }
       }, delay);
-    },
-    [delay],
-  );
+    }) as DebouncedCallback<Args>;
 
-  const debouncedCallback = debouncedFn as DebouncedCallback<Args>;
-  debouncedCallback.flush = flush;
-  debouncedCallback.cancel = cancel;
+    debouncedCallback.flush = flush;
+    debouncedCallback.cancel = cancel;
 
-  return debouncedCallback;
+    return debouncedCallback;
+  }, [cancel, delay, flush]);
 }

tests/canvas-delete-handlers.test.ts

@@ -38,8 +38,10 @@ function HookHarness(props: HarnessProps) {
   const nodesRef = useRef<RFNode[]>(props.liveNodes ?? props.nodes);
   const edgesRef = useRef<RFEdge[]>(props.liveEdges ?? props.edges);
 
-  nodesRef.current = props.liveNodes ?? props.nodes;
-  edgesRef.current = props.liveEdges ?? props.edges;
+  useEffect(() => {
+    nodesRef.current = props.liveNodes ?? props.nodes;
+    edgesRef.current = props.liveEdges ?? props.edges;
+  }, [props.liveEdges, props.liveNodes, props.edges, props.nodes]);
 
   const handlers = useCanvasDeleteHandlers({
     t: ((key: string, values?: Record<string, unknown>) =>