custom react hook - when clicking outside of an element -> do something

useClickOutside.js

function useClickOutside(elRef, callback) {
  const callbackRef = React.useRef()
  callbackRef.current = callback
  
  React.useEffect(() => {
    
    const handleClickOutside = e => {
      if (elRef?.current?.contains(e.target) && callbackRef.current) {
        callbackRef.current(e)
      }
    }
          
    document.addEventListiner('click', handleClickOutside, true)
    return () => {
      document.removeEventListiner('click', handleClickOutside, true)
    }
  }, [callbackRef, elRef])
}