Only register styles on first use

microsoft · Mar 15, 2024 · 008faf1 · 008faf1
1 parent 86e54eb
commit 008faf1
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/react-components/react-platform-adapter/src/styling/makeStyles.native.ts b/packages/react-components/react-platform-adapter/src/styling/makeStyles.native.ts
@@ -19,11 +19,14 @@ export function makeStyles<Slots extends string | number>(
     classNameMap[slotName] = className;
   }
 
+  let registered = false;
   const useStyles = () => {
+    if (!registered) {
+      registerStyles(styles);
+      registered = true;
+    }
     return classNameMap;
   };
 
-  registerStyles(styles);
-
   return useStyles;
 }