web: rename events

apps/web/src/hooks/useDebounceFn.ts

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+import debounce from 'lodash.debounce';
+
+export function useDebounceFn<T>(fn: T, ms = 500): T {
+  const debouncedFn = debounce(fn, ms);
+
+  useEffect(() => {
+    return () => {
+      debouncedFn.cancel();
+    };
+  });
+
+  return debouncedFn;
+}