logo@krutoo/utils

useOutsideClick

Hook for handle click outside some element.

import { useRef } from 'react';
import { useOutsideClick } from '@krutoo/utils/react';

interface TooltipProps {
  onDismiss?: VoidFunction;
}

function Tooltip({ onDismiss }: TooltipProps) {
  const ref = useRef<HTMLDivElement>(null);

  useOutsideClick(ref, event => {
    onDismiss?.();
  });

  return <div ref={ref}>My tooltip</div>;
}