How to focus and zoom camera on a mesh on click in react three fiber?

Questions
, , ,
#1

I want to focus on a mesh I clicked in react three fiber. When I click on a specific mesh I want the camera to focus & zoom on that mesh. How can I do that in react three fiber?

Edit: I found the solution in Drei but facing a new problem.
I’m using this code to focus on clicked mesh:

bounds.refresh(e.object).fit();

but the problem is it is taking the camera too close to the object. How can I focus on the object from little far from the object?

@drcmda can you help please?

#2

the problem is it is taking the camera too close to the object

 <Bounds fit clip observe margin={1.2}>

margin can be less or more than 1.

#3

ps i think its better to use poimandres discord for such things, i see it here only by accident

#4

Thanks. This works but initially when the model is loading its showing too small