diff --git a/front/src/components/3d/Marker.tsx b/front/src/components/3d/Marker.tsx
index 893f4f1..e38fe3e 100644
--- a/front/src/components/3d/Marker.tsx
+++ b/front/src/components/3d/Marker.tsx
@@ -3,21 +3,21 @@ import { Group } from 'three'
 import * as THREE from 'three'
 
 interface MarkerProps {
-    position: [number, number, number],
+    position: number[],
     color: string,
     onClick?: () => void
 }
 
 export default function Marker({ position, color, onClick }: MarkerProps) {
 
-    const [positionState, setPositionState] = React.useState(position)
+    const [positionState, setPositionState] = React.useState(new THREE.Vector3(...position))
     
     // Return the marker object
     // return <primitive object={marker}  />
     return (
-        <mesh position={positionState} rotation={[Math.PI,0,0]} onClick={onClick} onPointerOver={(e) => setPositionState([positionState[0], positionState[1], positionState[2] + 0.1])} onPointerOut={(e) => setPositionState(position)}>
+        <mesh position={positionState} rotation={[Math.PI,0,0]} onClick={onClick} onPointerOver={(e) => setPositionState(positionState.clone().setZ(positionState.z + 0.1))} onPointerOut={(e) => setPositionState(new THREE.Vector3(...position))}>
             <coneGeometry args={[0.15, 0.6, 6]} />
             <meshStandardMaterial color={color} side={THREE.DoubleSide} />
         </mesh>
-    )
+    )   
 }