hi, how can I make gltf object rotation with mouse position

[Achi00]

hi, how can I make gltf object rotation with mouse position. to make it clear I mean for example move mouse cursor and object is looking at cursor,

[Achi00]

ok i did it already if someone wonder how, here is how

const { viewport } = useThree()
const droneRef = useRef()
useFrame(({ mouse }) => {
const x = (mouse.x * viewport.width) / 12
const y = (mouse.y * viewport.height) / 8
droneRef.current.rotation.set(x, y, 0)
droneRef.current.rotation.set(y, x, 0)
})

and attach ref to my gltf object