fix: use proper config for official devtools

pixijs · Jun 25, 2024 · 908514a · 908514a
1 parent 5f642a6
commit 908514a
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/src/components/Application.js b/src/components/Application.js
@@ -105,12 +105,23 @@ export const ApplicationFunction = (props, forwardedRef) =>
 
     useEffect(() =>
     {
-        if (attachToDevTools && applicationRef.current)
+        const application = applicationRef.current;
+
+        if (attachToDevTools && application)
         {
             const globalScope = /** @type {*} */ (globalThis);
 
-            globalScope.__PIXI_APP__ = applicationRef.current;
-            globalScope.__PIXI_DEVTOOLS__ = applicationRef.current;
+            globalScope.__PIXI_APP__ = application;
+
+            import('pixi.js').then((pixi) =>
+            {
+                globalScope.__PIXI_DEVTOOLS__ = {
+                    app: application,
+                    pixi,
+                    renderer: application.renderer,
+                    stage: application.stage,
+                };
+            });
         }
     }, [attachToDevTools]);