[docs]: add globalInjectThemeCache to avoid unnecessary jsx dynamic i…

…mport and theme getting
mui · Aug 1, 2024 · c45e63d · c45e63d
1 parent b8815f0
commit c45e63d
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/docs/src/modules/components/DemoSandbox.js b/docs/src/modules/components/DemoSandbox.js
@@ -21,6 +21,8 @@ const iframeDefaultJoyTheme = extendTheme({
   cssVarPrefix: 'demo-iframe',
 });
 
+let globalInjectThemeCache;
+
 function FramedDemo(props) {
   const { children, document, usesCssVarsTheme } = props;
 
@@ -208,11 +210,13 @@ function DemoSandbox(props) {
   useEnhancedEffect(() => {
     async function setupMaterialUITheme() {
       if (typeof window.getInjectTheme === 'function') {
-        window.React = React;
-        const jsx = await import('react/jsx-runtime');
-        window.jsx = jsx;
-        const themeOptions = window.getInjectTheme();
-        setInjectTheme(themeOptions);
+        if (!globalInjectThemeCache) {
+          window.React = React;
+          const jsx = await import('react/jsx-runtime');
+          window.jsx = jsx;
+          globalInjectThemeCache = window.getInjectTheme();
+        }
+        setInjectTheme(globalInjectThemeCache);
       }
     }
     setupMaterialUITheme();