remove cache from useModel

packages/website/src/hooks/useModel.ts

@@ -3,28 +3,16 @@ import { type ObjectMap, useLoader } from "@react-three/fiber";
 import { Mesh, MeshStandardMaterial } from "three";
 import { type GLTF, GLTFLoader } from "three-stdlib";
 
-const cache: Record<
-  number,
-  {
-    gltf: GLTF & ObjectMap;
-    hasPbr: boolean;
-  }
-> = {};
-
 export function useModel(id: number) {
   const gltf = useLoader(GLTFLoader, asset(`3d/tanks/models/${id}.glb`));
 
-  if (!cache[id]) {
+  return {
-    cache[id] = {
+    gltf,
-      gltf,
+    hasPbr: Object.values(gltf.nodes).some(
-      hasPbr: Object.values(gltf.nodes).some(
+      (node) =>
-        (node) =>
+        node instanceof Mesh &&
-          node instanceof Mesh &&
+        node.material instanceof MeshStandardMaterial &&
-          node.material instanceof MeshStandardMaterial &&
+        node.material.roughnessMap !== null
-          node.material.roughnessMap !== null
+    ),
-      ),
+  };
-    };
-  }
-
-  return cache[id];
 }