#useClickAway

A hook that can manage click outside of target element(s).

type Target = HTMLElement | React.MutableRefObject | () => HTMLElement;

useClickAway(
  onClickAway: (event: MouseEvent | TouchEvent) => void,
  target: Target | Target[],
  eventName?: string,
);

type Target = HTMLElement | React.MutableRefObject | () => HTMLElement;

useClickAway(
  onClickAway: (event: MouseEvent | TouchEvent) => void,
  target: Target | Target[],
  eventName?: string,
);

#Example

Basic usage of useClickAway hook.

Multiple DOM elements

Test B button

Click outside count: 0

#API