function useHover(ref:MutableRefObject<any>) {
const [hovered, setHovered] = useState(false)
useEffect(()=>{
if (ref.current == null) return
const handlerOver = () => setHovered(true)
const handlerOut = () => setHovered(false)
ref.current.addEventListener("pointerover", handlerOver)
ref.current.addEventListener("pointerout", handlerOut)
return () => {
ref.current.removeEventListener("pointerover", handlerOver)
ref.current.removeEventListener("pointerout", handlerOut)
};
},[ref.current])
return hovered
}
