Rewrite mesh properties from three.js

[MykhailoButkevych-MR]

Hello, I'm struggling with rewriting props for mesh in react-three-fiber, mainly position prop.
Here's code in three.js:

const object = new THREE.Mesh( boxGeometry, new THREE.MeshPhongMaterial("white"));
object.position.copy(start);
object.position.lerp(end, 0.5);
object.scale.set( 5, 5, start.distanceTo(end));
object.lookAt(end);

How would it look in react-three-fiber?

My attempt:

<mesh
  position={{copy: () => start, lerp: () => (end, 0.5)}}
  scale={new Vector3(5, 5, start.distanceTo(end))}
  lookAt={end}>
  <boxGeometry args={[1, 1, 1]} />
  <meshPhongMaterial color="white" />
</mesh>