diff --git a/packages/app/src/hooks/useDebounce/index.js b/packages/app/src/hooks/useDebounce/index.js
new file mode 100644
index 00000000..adb85ba6
--- /dev/null
+++ b/packages/app/src/hooks/useDebounce/index.js
@@ -0,0 +1,15 @@
+export default (value, delay) => {
+    const [debouncedValue, setDebouncedValue] = React.useState(value)
+
+    React.useEffect(() => {
+        const handler = setTimeout(() => {
+            setDebouncedValue(value)
+        }, delay)
+
+        return () => {
+            clearTimeout(handler)
+        }
+    }, [value, delay])
+
+    return debouncedValue
+}
\ No newline at end of file