diff --git a/components/utils/use-click-anywhere.ts b/components/utils/use-click-anywhere.ts
new file mode 100644
index 0000000..5b717db
--- /dev/null
+++ b/components/utils/use-click-anywhere.ts
@@ -0,0 +1,14 @@
+import { useEffect } from 'react'
+
+const useClickAnyWhere = (
+  handler: (event: Event) => void,
+) => {
+  useEffect(() => {
+    const callback = (event: Event) => handler(event)
+    
+    document.addEventListener('click', callback)
+    return () => document.removeEventListener('click', callback)
+  }, [handler])
+}
+
+export default useClickAnyWhere