@asaleh37/ui-base 25.8.1-5.3 → 25.8.1-5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asaleh37/ui-base",
-  "version": "25.8.15.3",
+  "version": "25.8.15.6",
   "description": "",
   "license": "ISC",
   "author": "Ahmed Saleh Mohamed",

package/src/components/BaseApp.tsx

@@ -18,16 +18,28 @@ import i18n from "../locales/i18n";
 import { initReactI18next } from "react-i18next";
 import { ENGLISH_TRANS } from "../locales/english";
 import { ARABIC_TRANS } from "../locales/arabic";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 
 library.add(fab);
 library.add(far);
 library.add(fas);
 
 export const BaseApp: React.FC<AppInfo> = (props) => {
-  let store = configureStore({ reducer: {} });
+  // let store = null;
+  const [systemReducers, setSystemReducers] = useState<any>({
+    AppLayout: AppLayoutReducer,
+    UserSession: UserSessionReducer,
+    loadingMask: LoadingMaskReducer,
+    commonStores: CommonStoreReducer,
+    SideBar: SideBarReducer,
+    AppInfo: AppInfoReducer,
+  });
+  const store = configureStore({
+    reducer: systemReducers,
+  });
+  const [isAppInitialized, setIsAppInitialized] = useState<boolean>(false);
   const initializeApp = () => {
-    const systemReducers = {
+    const reducers = {
       AppLayout: AppLayoutReducer,
       UserSession: UserSessionReducer,
       loadingMask: LoadingMaskReducer,
@@ -36,8 +48,8 @@ export const BaseApp: React.FC<AppInfo> = (props) => {
       AppInfo: AppInfoReducer,
       ...props?.businessReduxReducers,
     };
-    store = configureStore({
-      reducer: systemReducers,
+    setSystemReducers((state) => {
+      return { ...reducers };
     });
     const resources = {
       en: { translation: { ...ENGLISH_TRANS, ...props?.businessLocals?.en } },
@@ -48,13 +60,16 @@ export const BaseApp: React.FC<AppInfo> = (props) => {
       lng: localStorage.getItem("language") || "en", // Set the initial language of the App
       fallbackLng: "en",
     });
+    setIsAppInitialized(true);
   };
   useEffect(() => {
     initializeApp();
   }, [props]);
-  return (
+  return isAppInitialized ? (
     <Provider store={store}>
       <App {...props} />
     </Provider>
+  ) : (
+    <></>
   );
 };