From 4119e45d2819264eb7e5a490cef74f36eba98fb6 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 21 May 2026 12:56:38 +0000
Subject: [PATCH] Changes

Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>
---
 src/components/three/XRControllerMeasure.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/three/XRControllerMeasure.tsx b/src/components/three/XRControllerMeasure.tsx
index ade2878..5ca495c 100644
--- a/src/components/three/XRControllerMeasure.tsx
+++ b/src/components/three/XRControllerMeasure.tsx
@@ -186,17 +186,23 @@ export function XRControllerMeasure() {
     }
   });
 
+  // Construct the laser Line object once so we can attach via <primitive>
+  const laserObject = useRef<THREE.Line>();
+  if (!laserObject.current) {
+    laserObject.current = new THREE.Line(laserGeom.current, laserMat.current);
+    laserObject.current.frustumCulled = false;
+    laserObject.current.renderOrder = 999;
+    (laserRef as React.MutableRefObject<THREE.Line | null>).current = laserObject.current;
+  }
+
   return (
     <>
-      {/* eslint-disable-next-line react/no-unknown-property */}
-      <line ref={laserRef as any} frustumCulled={false}>
-        <primitive object={laserGeom.current} attach="geometry" />
-        <primitive object={laserMat.current} attach="material" />
-      </line>
-      <mesh ref={tipRef} frustumCulled={false}>
+      <primitive object={laserObject.current} />
+      <mesh ref={tipRef} frustumCulled={false} renderOrder={999}>
         <sphereGeometry args={[1, 12, 12]} />
         <meshBasicMaterial color="#22c55e" depthTest={false} transparent opacity={0.9} />
       </mesh>
     </>
   );
 }
+