memoize and reset scrollEnd handler on grid list

2026-05-06 20:10:12 +02:00 · 2025-10-23 18:15:45 -07:00
parent 34dc917271
commit 62b0ea6616
1 changed files with 10 additions and 1 deletions
@@ -265,7 +265,16 @@ export const ItemGridList = ({
        [onScrollEnd],
    );

-    const debouncedOnScrollEnd = debounce(handleOnScrollEnd, 150);
+    const debouncedOnScrollEnd = useMemo(
+        () => debounce(handleOnScrollEnd, 150),
+        [handleOnScrollEnd],
+    );
+
+    useEffect(() => {
+        return () => {
+            debouncedOnScrollEnd.cancel();
+        };
+    }, [debouncedOnScrollEnd]);

    const handleScroll = useCallback(
        (e: UIEvent<HTMLDivElement>) => {