React+Three.js齿颌3D模型旋转受限与初始视角异常求助

我基于 Three.js、@react-three/fiber 和 @react-three/drei 开发齿颌3D可视化功能，目前碰到两个棘手问题：

• 模型沿某一轴旋转时会卡住，无法完成360°全角度旋转
• 页面初始化时，相机视角未自动对准牙齿模型，需要手动调整

我已经添加了 AxesHelper 辅助调试，但对3D空间的认知不足，还是找不到问题根源。

演示效果 #

旋转卡顿与初始视角偏移演示

当前核心代码示例 #

import { Canvas } from '@react-three/fiber';
import { OrbitControls, AxesHelper } from '@react-three/drei';
import ToothModel from './ToothModel';

export default function DentalVisualization() {
  return (
    <Canvas camera={{ position: [0, 0, 5] }}>
      <ambientLight intensity={0.5} />
      <pointLight position={[10, 10, 10]} />
      <ToothModel />
      <OrbitControls />
      <AxesHelper args={[5]} />
    </Canvas>
  );
}

恳请有相关经验的开发者帮忙排查问题，给出解决方案。

内容的提问来源于stack exchange，提问作者Yohav Rn