diff --git a/src/components/three/gameplay/RepairGame.tsx b/src/components/three/gameplay/RepairGame.tsx
index 63dbd67..37b61f9 100644
--- a/src/components/three/gameplay/RepairGame.tsx
+++ b/src/components/three/gameplay/RepairGame.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { Suspense, useEffect, useState } from "react";
import { ExplodableModel } from "@/components/three/models/ExplodableModel";
import type { RepairCasePlaceholder } from "@/components/three/gameplay/RepairCaseModel";
import { RepairCompletionStep } from "@/components/three/gameplay/RepairCompletionStep";
@@ -71,54 +71,56 @@ export function RepairGame({
return (
- {step === "waiting" ? (
- setMissionStep(mission, "inspected")}
- />
- ) : null}
- {step === "fragmented" ? (
-
- ) : null}
- {step === "scanning" ? (
- {
- setScannedBrokenParts(brokenParts);
- setMissionStep(mission, "repairing");
- }}
- />
- ) : null}
- {step === "repairing" ? (
- setMissionStep(mission, "reassembling")}
- />
- ) : null}
- {step === "reassembling" ? (
- setMissionStep(mission, "done")}
- />
- ) : null}
- {step === "done" ? (
- completeMission(mission)}
- />
- ) : null}
- {step !== "waiting" && step !== "done" && step !== "reassembling" ? (
-
- ) : null}
+
+ {step === "waiting" ? (
+ setMissionStep(mission, "inspected")}
+ />
+ ) : null}
+ {step === "fragmented" ? (
+
+ ) : null}
+ {step === "scanning" ? (
+ {
+ setScannedBrokenParts(brokenParts);
+ setMissionStep(mission, "repairing");
+ }}
+ />
+ ) : null}
+ {step === "repairing" ? (
+ setMissionStep(mission, "reassembling")}
+ />
+ ) : null}
+ {step === "reassembling" ? (
+ setMissionStep(mission, "done")}
+ />
+ ) : null}
+ {step === "done" ? (
+ completeMission(mission)}
+ />
+ ) : null}
+ {step !== "waiting" && step !== "done" && step !== "reassembling" ? (
+
+ ) : null}
+
);
}
diff --git a/src/world/World.tsx b/src/world/World.tsx
index 2b3aa67..2b5a053 100644
--- a/src/world/World.tsx
+++ b/src/world/World.tsx
@@ -1,3 +1,4 @@
+import { Suspense } from "react";
import { Physics } from "@react-three/rapier";
import {
PLAYER_SPAWN_POSITION_GAME,
@@ -43,10 +44,10 @@ export function World({ onLoadingStateChange }: WorldProps): React.JSX.Element {
{showHandTrackingGloves ? (
- <>
+
- >
+
) : null}
{cameraMode === "debug" ? : null}
{sceneMode === "game" ? (