我用react三根纤维和cannon制作了一个简单的俄罗斯方块，就像react应用程序一样。我希望在单击对象/网格时旋转它们，并希望使此旋转平滑。我怎么能做到？
对象的代码：

export function HomeLink() {

const [ref, api] = useBox(() => ({ mass: 1, position: [0, 0, 0], args: [6, 2, 2] }))

return(
    <mesh ref={ref} scale={[6, 2, 2]} onClick={() => api.rotation.set(0, 0, Math.PI / 2)}>
        <boxBufferGeometry attach="geometry"/>
        <meshBasicMaterial attach="material" color="red"/>
    </mesh>
)};