Update target of OrbitControls on click

[AliMammadli]

Hello!

In my project I update the camera to the position where is clicked. I change camera position through the state but also I want to update target of OrbitControls that give some look around effect. How can I update target with R3F?

Similar example: https://showroom.littleworkshop.fr

Please help!
Thanks in advance

[drcmda]

i think you need to call orbit.update() after the click or else camera position will be overwritten.

[AliMammadli]

Thank you for replying!

Do I update correctly?

const orbitControls = useResource()

const updateCamera = (e) => {
orbitControls.current.target0.set(e.point.x, 2, e.point.z)
orbitControls.current.update()
}

My project: https://codesandbox.io/s/archviz-showroom-94e89

[drcmda]

the box doesnt seem to run run, but no, i meant:

camera.position.set(...)
orbit.update()

but even then, not 100% sure. you might get better answers in https://discourse.threejs.org/ since its their class and they know the specifics.

[AliMammadli]

I find a way to get it work. The actually problem I also faced is that when camera position and orbit target updated in the same position camera did not pan. I try to update orbit target not to exactly the same position of camera but very close like 0.01 and it worked for me.

Thank you for all your support!