diff --git a/app/soapbox/hooks/index.ts b/app/soapbox/hooks/index.ts
index 4d74177712..7729fdf282 100644
--- a/app/soapbox/hooks/index.ts
+++ b/app/soapbox/hooks/index.ts
@@ -2,6 +2,7 @@ export { useAccount } from './useAccount';
 export { useApi } from './useApi';
 export { useAppDispatch } from './useAppDispatch';
 export { useAppSelector } from './useAppSelector';
+export { useDebounce } from './useDebounce';
 export { useDimensions } from './useDimensions';
 export { useFeatures } from './useFeatures';
 export { useLocale } from './useLocale';
diff --git a/app/soapbox/hooks/useDebounce.ts b/app/soapbox/hooks/useDebounce.ts
new file mode 100644
index 0000000000..ca324d788a
--- /dev/null
+++ b/app/soapbox/hooks/useDebounce.ts
@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+
+const useDebounce = (value: string, delay: number): string => {
+  const [debouncedValue, setDebouncedValue] = useState<string>(value);
+
+  useEffect(() => {
+    const timer = setTimeout(() => setDebouncedValue(value), delay);
+
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+
+  return debouncedValue;
+};
+
+export { useDebounce };