fix FOUT

azu · May 6, 2024 · 521e41b · 521e41b
1 parent 76e49c4
commit 521e41b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 11 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -5,16 +5,19 @@ import { App } from "./container/App";
 import { Provider } from "./Context";
 
 const cssFiles = import.meta.glob("./**/*.css");
-for (const path in cssFiles) {
-    cssFiles[path]();
-}
+const promises: Promise<void>[] = Object.entries(cssFiles).map(([path, loader]) => {
+    return loader();
+});
+
 // Register icons and pull the fonts from the default SharePoint cdn:
 
 initializeIcons();
 
-ReactDOM.render(
-    <Provider>
-        <App />
-    </Provider>,
-    document.getElementById("root") as HTMLElement
-);
+Promise.all(promises).then(() => {
+    ReactDOM.render(
+        <Provider>
+            <App />
+        </Provider>,
+        document.getElementById("root") as HTMLElement
+    );
+});
diff --git a/tsconfig.json b/tsconfig.json
@@ -2,15 +2,15 @@
   "compilerOptions": {
     "outDir": "build/dist",
     "module": "esnext",
-    "target": "es2015",
+    "target": "ES2022",
     "lib": [
       "esnext",
       "dom"
     ],
     "sourceMap": true,
     "allowJs": true,
     "jsx": "preserve",
-    "moduleResolution": "node",
+    "moduleResolution": "NodeNext",
     "forceConsistentCasingInFileNames": true,
     "noImplicitReturns": true,
     "noImplicitThis": true,