WIP

src/frontend/src/components/HomePage.tsx

@@ -15,6 +15,13 @@ import RetroEngineModule, {
   RetroEngine,
 } from "../wasm/retro_engine.js";
 
+// Provide the locateFile function when initializing the WASM module.
+// Needed because the generated JS loader and types are placed in /src,
+// but the WASM binary is placed in /public.
+const moduleOverrides = {
+  locateFile: (file: string) => `/wasm/${file}`,
+};
+
 const HomePage: React.FC = () => {
   // Reference to the canvas element
   const canvasRef = useRef<HTMLCanvasElement | null>(null);
@@ -38,11 +45,6 @@ const HomePage: React.FC = () => {
     let engineInstance: RetroEngine | null = null;
 
     async function initializeAndUseRetroEngine(): Promise<void> {
-      // Provide the locateFile function when initializing your WASM module
-      const moduleOverrides = {
-        locateFile: (file: string) => `/wasm/${file}`,
-      };
-
       // Await the promise to resolve to the module instance
       const wasmModule: MainModule = await RetroEngineModule(moduleOverrides);