<Canvas shadows camera={{ position: [9, 8, 9] }}>  <mesh position={[x, h / 2, z]} castShadow onClick={raise}>    <boxGeometry args={[1, h, 1]} />    <meshStandardMaterial color="#E24A12" />  </mesh>  <OrbitControls makeDefault /></Canvas>

const step = useStep(); // from slides-kit/three
useFrame((_, dt) => {  const [pos, look] = SHOTS[step];  const k = Math.min(1, dt * 3);  // ease towards the shot, then hand control back  camera.position.lerp(pos, k);  controls.target.lerp(look, k);  controls.update();});