3/25 까지의 대표님 작업사항

1 files changed, 29 insertions, 0 deletions

diff --git a/hooks/use-debounced-callback.ts b/hooks/use-debounced-callback.ts
new file mode 100644
index 00000000..51f5dd17
--- /dev/null
+++ b/hooks/use-debounced-callback.ts
@@ -0,0 +1,29 @@
+/**
+ * @see https://github.com/mantinedev/mantine/blob/master/packages/@mantine/hooks/src/use-debounced-callback/use-debounced-callback.ts
+ */
+
+import * as React from "react"
+
+import { useCallbackRef } from "@/hooks/use-callback-ref"
+
+export function useDebouncedCallback<T extends (...args: never[]) => unknown>(
+  callback: T,
+  delay: number
+) {
+  const handleCallback = useCallbackRef(callback)
+  const debounceTimerRef = React.useRef(0)
+  React.useEffect(() => () => window.clearTimeout(debounceTimerRef.current), [])
+
+  const setValue = React.useCallback(
+    (...args: Parameters<T>) => {
+      window.clearTimeout(debounceTimerRef.current)
+      debounceTimerRef.current = window.setTimeout(
+        () => handleCallback(...args),
+        delay
+      )
+    },
+    [handleCallback, delay]
+  )
+
+  return setValue
+}