mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-04-09 03:18:44 -05:00
fd48bced91
* Initial * CSS lint * Test CI * Add 1v1, 2v2, and 3v3 Tags (#1771) * Initial * CSS lint * Test CI * Rename step --------- Co-authored-by: xi <104683822+ximk@users.noreply.github.com>
23 lines
695 B
TypeScript
23 lines
695 B
TypeScript
import * as React from "react";
|
|
|
|
/** @link https://usehooks.com/useOnClickOutside/ */
|
|
export function useOnClickOutside<T extends HTMLElement = HTMLElement>(
|
|
ref: React.RefObject<T>,
|
|
handler: (event: MouseEvent | TouchEvent) => void,
|
|
) {
|
|
React.useEffect(() => {
|
|
const listener = (event: MouseEvent | TouchEvent) => {
|
|
if (!ref.current || ref.current.contains(event.target as Node)) {
|
|
return;
|
|
}
|
|
handler(event);
|
|
};
|
|
document.addEventListener("mousedown", listener);
|
|
document.addEventListener("touchstart", listener);
|
|
return () => {
|
|
document.removeEventListener("mousedown", listener);
|
|
document.removeEventListener("touchstart", listener);
|
|
};
|
|
}, [ref, handler]);
|
|
}
|