JAVASCRIPT

react three fiber set cursor pointer

const [hovered, setHovered] = useState(false);

useEffect(() => {
  document.body.style.cursor = hovered ? 'pointer' : 'auto'
  return ()=> document.body.style.cursor = 'auto';
}, [hovered])

return (
  <mesh
    onPointerOver={() => setHovered(true)}
    onPointerOut={() => setHovered(false)} />