diff --git a/apps/tessellator/src/components/models/Blackhole.tsx b/apps/tessellator/src/components/models/Blackhole.tsx index 2864f409..cf8d076b 100644 --- a/apps/tessellator/src/components/models/Blackhole.tsx +++ b/apps/tessellator/src/components/models/Blackhole.tsx @@ -6,7 +6,7 @@ Source: https://sketchfab.com/3d-models/blackhole-74cbeaeae2174a218fe9455d77902b Title: Blackhole */ -import React, { useEffect, useRef } from "react"; +import React, { Suspense, useEffect, useRef } from "react"; import { useAnimations, useGLTF } from "@react-three/drei"; import * as THREE from "three"; import { GLTF } from "three-stdlib"; @@ -58,246 +58,248 @@ export default function Model(props: JSX.IntrinsicElements["group"]) { }, [actions]); return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + ); } diff --git a/apps/tessellator/src/components/models/Bridge.tsx b/apps/tessellator/src/components/models/Bridge.tsx index 4551cd60..85eac18c 100644 --- a/apps/tessellator/src/components/models/Bridge.tsx +++ b/apps/tessellator/src/components/models/Bridge.tsx @@ -1,4 +1,4 @@ -import React, { useRef } from "react"; +import React, { Suspense, useRef } from "react"; import { useGLTF } from "@react-three/drei"; import { GroupProps } from "@react-three/fiber"; import { Group } from "three"; @@ -12,15 +12,17 @@ export default function Model(props: GroupProps) { const { nodes, materials } = bridge; return ( - - - + + + + + ); }