click away listener to react with typescript

useClickAwayListener.js

import { useEffect } from 'react'

type Props = {
  ref: React.RefObject<HTMLElement>
  handleClickAway: () => void
}

const useClickAwayListener = (ref: any, handleClickAway: any) => {
  const handleClick = (event: MouseEvent) => {
    if (!ref?.current?.contains(event?.target)) {
      handleClickAway()
    }
  }

  useEffect(() => {
    document.addEventListener('click', handleClick)
    return () => document.removeEventListener('click', handleClick)
  }, [])
}

export default useClickAwayListener

  const handleClick = () => {
    console.log('ok')
  }

  useClickAwayListener(ref, handleClick)