@umituz/react-native-design-system 2.11.7 → 2.11.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.11.7",
+  "version": "2.11.8",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/theme/infrastructure/providers/DesignSystemProvider.tsx

@@ -47,14 +47,17 @@ export const DesignSystemProvider: React.FC<DesignSystemProviderProps> = ({
   const setThemeMode = useThemeStore((state) => state.setThemeMode);
   const setCustomColors = useDesignSystemTheme((state) => state.setCustomColors);
   const setGlobalThemeMode = useDesignSystemTheme((state) => state.setThemeMode);
-  const setIconConfig = useIconStore((state) => state.setConfig);
 
-  useEffect(() => {
-    // Set icon config (required)
-    if (iconRenderer && iconNames) {
-      setIconConfig(iconNames, iconRenderer);
+  // Set icon config SYNCHRONOUSLY before first render
+  // This ensures icons are available immediately
+  if (iconRenderer && iconNames) {
+    const store = useIconStore.getState();
+    if (!store.isConfigured) {
+      useIconStore.getState().setConfig(iconNames, iconRenderer);
     }
+  }
 
+  useEffect(() => {
     if (customColors) {
       setCustomColors(customColors);
     }
@@ -70,7 +73,7 @@ export const DesignSystemProvider: React.FC<DesignSystemProviderProps> = ({
         setIsInitialized(true);
         onError?.(error);
       });
-  }, [initialize, customColors, iconNames, iconRenderer, initialThemeMode, setCustomColors, setGlobalThemeMode, setThemeMode, setIconConfig, onError]);
+  }, [initialize, customColors, initialThemeMode, setCustomColors, setGlobalThemeMode, setThemeMode, onError]);
 
   useEffect(() => {
     if (isInitialized && fontsLoaded) {