Improve throttling function

paator · Aug 13, 2023 · 02a9311 · 02a9311
1 parent 3c39c32
commit 02a9311
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/components/ModuleEditor/PatternEditor.tsx b/src/components/ModuleEditor/PatternEditor.tsx
@@ -49,15 +49,17 @@ function PatternEditor() {
     }
   };
 
-  const handleWheel = (e: React.WheelEvent<HTMLDivElement>) => {
-    if (e.deltaY < 0) {
-      decrementY(1);
-    } else {
-      incrementY(1);
-    }
-  };
+  const onWheelThrottled = useMemo(() => {
+    const handleWheel = (e: React.WheelEvent<HTMLDivElement>) => {
+      if (e.deltaY < 0) {
+        decrementY(1);
+      } else {
+        incrementY(1);
+      }
+    };
 
-  const onWheelThrottled = useMemo(() => throttle(handleWheel, 20), []);
+    return throttle(handleWheel, 20);
+  }, [decrementY, incrementY]);
 
   return (
     <div