Tweening a mesh to in-front of the camera

Hey there I’m currently stuck on what I suspect is a conceptual issue. https://codesandbox.io/s/confident-browser-zn1l6?file=/src/App.js

In the sandbox, I’m trying to make a box at any location in the canvas tween to just in front of the camera’s position I’m using react-three-fiber for this example

I’ve tried converting the camera’s position to each element’s local co-ordinate system (using worldToLocal on the box mesh), then tweening the box to that position. Initially this seems to work, however, the box eventually gets launched into odd positions and I’m not sure why.