Merge pull request #8 from tscircuit/3d-loading-boxes

3d loading boxes
tscircuit · Jul 11, 2024 · 87e4aa7 · 87e4aa7
2 parents 4680241 + 33376ad
commit 87e4aa7
Showing 1 changed file with 10 additions and 9 deletions.
diff --git a/src/three-components/MixedStlModel.tsx b/src/three-components/MixedStlModel.tsx
@@ -59,13 +59,14 @@ export function MixedStlModel({
   // }, [url])
   const obj = useGlobalObjLoader(url)
 
-  return (
-    <group
-      rotation={rotation}
-      position={position}
-      key={Boolean(obj).toString()}
-    >
-      {obj && <primitive object={obj} />}
-    </group>
-  )
+  if (!obj) {
+    return (
+      <mesh position={position}>
+        <boxGeometry args={[0.5, 0.5, 0.5]} />
+        <meshStandardMaterial transparent color="red" opacity={0.25} />
+      </mesh>
+    )
+  }
+
+  return <primitive rotation={rotation} position={position} object={obj} />
 }