app/src/modules/simulation/vehicle/instances/animator/vehicleAnimator.tsx

@@ -11,7 +11,7 @@ interface VehicleAnimatorProps {
     reset: () => void;
     currentPhase: string;
     agvUuid: number;
-    agvDetail: any;
+    agvDetail: VehicleStatus;
 }
 
 function VehicleAnimator({ path, handleCallBack, currentPhase, agvUuid, agvDetail, reset }: VehicleAnimatorProps) {
@@ -32,7 +32,7 @@ function VehicleAnimator({ path, handleCallBack, currentPhase, agvUuid, agvDetai
     let startTime: number;
     let fixedInterval: number;
     let coveredDistance = progressRef.current;
-    let objectRotation = (agvDetail.point?.action?.pickUpPoint?.rotation || { x: 0, y: 0, z: 0 }) as { x: number; y: number; z: number };
+    let objectRotation = (agvDetail.point?.action?.pickUpPoint?.rotation || { x: 0, y: 0, z: 0 }) as { x: number; y: number; z: number } | undefined;
 
 
     useEffect(() => {
@@ -69,7 +69,7 @@ function VehicleAnimator({ path, handleCallBack, currentPhase, agvUuid, agvDetai
             const object = scene.getObjectByProperty('uuid', agvUuid);
             if (object) {
                 object.position.set(agvDetail.position[0], agvDetail.position[1], agvDetail.position[2]);
-                object.rotation.set(objectRotation.x, objectRotation.y, objectRotation.z);
+                object.rotation.set(agvDetail.rotation[0], agvDetail.rotation[1], agvDetail.rotation[2]);
             }
         }
     }, [isReset, isPlaying])
@@ -131,7 +131,7 @@ function VehicleAnimator({ path, handleCallBack, currentPhase, agvUuid, agvDetai
         }
 
         if (progressRef.current >= totalDistance) {
-            if (restRotation) {
+            if (restRotation && objectRotation) {
                 const targetQuaternion = new THREE.Quaternion().setFromEuler(new THREE.Euler(objectRotation.x, objectRotation.y, objectRotation.z));
                 object.quaternion.slerp(targetQuaternion, delta * 2);
                 const angleDiff = object.quaternion.angleTo(targetQuaternion);