src/components/hooks/useDocumentClick.ts


1
2
3
4
5
6
7
8
9
10
11
12
13

import { useEffect } from 'react';

export function useDocumentClick(handler: (event: MouseEvent) => any) {
  useEffect(() => {
    document.addEventListener('click', handler);

    return () => {
      document.removeEventListener('click', handler);
    };
  }, [handler]);

  return null;
}