From 4682f8a61ed8ba3c37b3f5044f08526c2983b93e Mon Sep 17 00:00:00 2001
From: iMax <latelierroleplay@gmail.com>
Date: Fri, 6 Dec 2024 05:46:34 +0100
Subject: [PATCH] Hot fix - Marker.tsx

---
 front/src/components/3d/Marker.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

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>
-    )
+    )   
 }