UseClickOutsideSample.jsx

import React, { useRef } from "react";

import useOutsideClick from "./useOutsideClick";

function MyComponent() {
  const ref = useRef();

  useOutsideClick(ref, () => {
    alert('You clicked outside')
  });

  return (
    <div className="App">
      <div ref={ref}}>
        <h4>This is a menu</h4>
        <p>This is another content</p>
      </div>
      <div>
        This is a content outside the menu
      </div>
    </div>
  );
}