@mvp-rockets/namma-generator/generators/web/templates/organisms/Common/ClickOutSide.js

A generator to generate mvp-rockets projects

const { useEffect } = require("react");

const useClickOutside = (ref, effect) =>
  useEffect(() => {
    const handleClickOutside = (event) => {
      if (ref.current && !ref.current.contains(event.target)) {
        effect();
      }
    };
    document.addEventListener("mousedown", handleClickOutside, false);
    return () => {
      document.removeEventListener("mousedown", handleClickOutside, false);
    };
  }, [ref]);

export default useClickOutside;