How to zoom in on Object on click with React Three

I hope everyone is having a good day, and before I go any further I would like to say that I have looked hours into this and tried a lot of options but none of them are working so far.

I am trying to make the camera zoom into the screen that is being played which is curently the box behind the test button. (I know this is ugly this is just for this test). I have the camera position at 0,20,120. I have tried a state like this (not full code just a brief hitting core details):

const [active, setActive] = useState(false)

<canvas
camera={position: active ? [0,20,120] : [0,10,10] />

This renders no errors but doesn’t actually work.

enter image description here