From 1a2241c40e10193c5ff7008a7b7b36cc1d855d96 Mon Sep 17 00:00:00 2001
From: joonhoekim <26rote@gmail.com>
Date: Tue, 25 Mar 2025 15:55:45 +0900
Subject: initial commit

---
 hooks/use-debounced-callback.ts | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 hooks/use-debounced-callback.ts

(limited to 'hooks/use-debounced-callback.ts')

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
+}
-- 
cgit v1.2.3