bg2e-js 2.3.5 → 2.3.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bg2e-js",
-  "version": "2.3.5",
+  "version": "2.3.7",
   "description": "a graphics engine for productivity applications",
   "main": "./dist/bg2e-js.js",
   "types": "./src/index.ts",

package/src/react/useBg2e.ts

@@ -31,21 +31,17 @@ export default function useBg2e<R extends Renderer, A extends AppController>(
     const mainLoopRef = useRef<MainLoop | null>(null);
     const createdRef = useRef(false);
 
-    const [, forceUpdate] = useState(0);
-
     useEffect(() => {
         createdRef.current = false;
 
         if (!canvas) {
             mainLoopRef.current = null;
-            forceUpdate((x) => x + 1);
             return;
         }
 
         const existing = mainLoopByCanvas.get(canvas);
         if (existing) {
             mainLoopRef.current = existing;
-            forceUpdate((x) => x + 1);
             return;
         }
 
@@ -55,17 +51,15 @@ export default function useBg2e<R extends Renderer, A extends AppController>(
         const bg2Canvas = new Canvas(canvas, renderer);
         const mainLoop = new MainLoop(bg2Canvas, appController);
         
-        mainLoop.run();  // Background execution
-
-        mainLoopByCanvas.set(canvas, mainLoop);
-        mainLoopRef.current = mainLoop;
-        createdRef.current = true;
-
-        forceUpdate((x) => x + 1);
-
-        if (onLoad) {
-            onLoad(bg2Canvas, mainLoop);
-        }
+        mainLoop.run().then(() => {
+            mainLoopByCanvas.set(canvas, mainLoop);
+            mainLoopRef.current = mainLoop;
+            createdRef.current = true;
+    
+            if (onLoad) {
+                onLoad(bg2Canvas, mainLoop);
+            }
+        })
     }, [canvas, RendererType, AppControllerType, onLoad]);
 
     return {