diff --git a/micro-frontends/sample/package.json b/micro-frontends/sample/package.json
index 85675b1bfcd..1a03f96ad1e 100644
--- a/micro-frontends/sample/package.json
+++ b/micro-frontends/sample/package.json
@@ -10,10 +10,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@tanstack/react-query": "5.50.1",
+    "axios": "1.7.2",
     "i18next": "23.11.5",
-    "axios":"1.7.2",
     "i18next-http-backend": "2.5.2",
     "idb": "8.0.0",
+    "localforage": "^1.10.0",
     "react": "19.0.0-beta-26f2496093-20240514",
     "react-dom": "19.0.0-beta-26f2496093-20240514",
     "react-hook-form": "7.52.0",
diff --git a/micro-frontends/sample/src/App.jsx b/micro-frontends/sample/src/App.jsx
index a22be439a5e..a8f3255d11e 100644
--- a/micro-frontends/sample/src/App.jsx
+++ b/micro-frontends/sample/src/App.jsx
@@ -15,37 +15,65 @@ import LanguageSwitcher from "./components/LanguageSelector";
 import MyComponent from "./components/SampleComponent";
 // import TestIdb from "./pages/TestIdb.jsx";
 // import { isOnline, onNetworkChange } from './networkStatus';
-
+import { useQuery } from "@tanstack/react-query";
 import { Suspense, lazy } from "react";
 import { BrowserRouter as Router, Route, Routes, Link } from "react-router-dom";
+import withAuth from "./hoc/withAuth";
 
 const routes = [
   {
     url: "complex-screen",
+    withAuth: true,
     component: lazy(() => import("./pages/test")),
   },
   {
     url: "tab-form",
+    withAuth: true,
     component: lazy(() => import("./pages/TabForm")),
   },
   {
     url: "TestIdb",
+    withAuth: true,
     component: lazy(() => import("./pages/testIdb")),
   },
   {
     url: "sample",
+    withAuth: true,
     component: lazy(() => import("./pages/Sample")),
   },
   {
     url: "stepper-form",
+    withAuth: false,
     component: lazy(() => import("./pages/StepperForm")),
   },
 ];
+const fetchTodo = async () => {
+  const response = await fetch("https://jsonplaceholder.typicode.com/todos/1");
+  return response.json();
+};
+
+export const TodoComponent = () => {
+  const { data, error, isLoading } = useQuery({
+    queryKey: ["todo"],
+    queryFn: fetchTodo,
+    refetchInterval: false,
+    refetchOnMount: false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchIntervalInBackground: false,
+  });
+
+  if (isLoading) return <div>Loading...</div>;
+  if (error) return <div>Error: {error.message}</div>;
+
+  return <div>{data.title}</div>;
+};
 
 function App() {
   return (
     <>
       <div>
+        <TodoComponent></TodoComponent>
         <Suspense
           fallback={
             <h1 className="text-2xl text-center font-bold mt-5">Loading...</h1>
@@ -72,7 +100,9 @@ function App() {
                 <Suspense fallback={<div>Loading...</div>}>
                   <Routes>
                     {routes?.map((route) => {
-                      const Component = route?.component;
+                      const Component = route?.withAuth
+                        ? withAuth(route?.component)
+                        : route?.component;
                       return (
                         <Route path={route?.url} element={<Component />} />
                       );
diff --git a/micro-frontends/sample/src/hoc/withAuth.jsx b/micro-frontends/sample/src/hoc/withAuth.jsx
new file mode 100644
index 00000000000..03fa9e33484
--- /dev/null
+++ b/micro-frontends/sample/src/hoc/withAuth.jsx
@@ -0,0 +1,23 @@
+import React, { useLayoutEffect } from "react";
+import withNavigator from "./withNavigator";
+import { useAuthState } from "../state/useAuthState";
+
+const withAuth = (WrappedComponent) => {
+  const { data } = useAuthState();
+  return (props) => {
+    useLayoutEffect(() => {
+      if (data?.isSignedIn) {
+        console.log("user is signed in");
+      } else {
+        console.log("user is not signedin");
+      }
+      return () => {
+        console.log("Component unmounted");
+      };
+    }, []);
+    const WrappedComp = withNavigator(WrappedComponent);
+    return <WrappedComp {...props} />;
+  };
+};
+
+export default withAuth;
diff --git a/micro-frontends/sample/src/hoc/withNavigator.jsx b/micro-frontends/sample/src/hoc/withNavigator.jsx
new file mode 100644
index 00000000000..ffa4ef657ea
--- /dev/null
+++ b/micro-frontends/sample/src/hoc/withNavigator.jsx
@@ -0,0 +1,28 @@
+import React, { useLayoutEffect } from "react";
+import { useNavigatorState } from "../state/useNavigatorState";
+
+const withNavigator = (WrappedComponent) => {
+  const { setData, data } = useNavigatorState();
+
+  return (props) => {
+    useLayoutEffect(() => {
+      data?.currentScreen != window.location.pathname &&
+        setData({
+          ...data,
+          currentScreen: window.location.pathname,
+          history: data?.history
+            ? [...data?.history, window.location.pathname]
+            : [window.location.pathname],
+          previousScreen: data?.currentScreen,
+        });
+
+      return () => {
+        console.log("Component unmounted withNavigator");
+      };
+    }, []);
+
+    return <WrappedComponent {...props} />;
+  };
+};
+
+export default withNavigator;
diff --git a/micro-frontends/sample/src/main.jsx b/micro-frontends/sample/src/main.jsx
index 8f7d48b8216..c2a38783139 100644
--- a/micro-frontends/sample/src/main.jsx
+++ b/micro-frontends/sample/src/main.jsx
@@ -1,17 +1,23 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.jsx'
-import './index.css'
-import { I18nextProvider } from 'react-i18next';
-import i18n from './configs/i18.js';
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App.jsx";
+import "./index.css";
+import { I18nextProvider } from "react-i18next";
+import i18n from "./configs/i18.js";
+import { QueryClientProvider } from "@tanstack/react-query";
+import { hydrateAllQueries, queryClient } from "./state/stateConfigs";
 
+const initializeApp = async () => {
+  await hydrateAllQueries();
+  ReactDOM.createRoot(document.getElementById("root")).render(
+    <React.StrictMode>
+      <QueryClientProvider client={queryClient}>
+        <I18nextProvider i18n={i18n}>
+          <App />
+        </I18nextProvider>
+      </QueryClientProvider>
+    </React.StrictMode>
+  );
+};
 
-
-
-ReactDOM.createRoot(document.getElementById('root')).render(
-  <React.StrictMode>
-   <I18nextProvider i18n={i18n}>
-    <App />
-  </I18nextProvider>
-  </React.StrictMode>,
-)
+initializeApp();
diff --git a/micro-frontends/sample/src/pages/TabForm.jsx b/micro-frontends/sample/src/pages/TabForm.jsx
index 5cdfe2c9090..c34074f9778 100644
--- a/micro-frontends/sample/src/pages/TabForm.jsx
+++ b/micro-frontends/sample/src/pages/TabForm.jsx
@@ -1,15 +1,23 @@
-import React, { useState } from 'react';
-import { useForm, Controller, useFieldArray } from 'react-hook-form';
-import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
-import 'react-tabs/style/react-tabs.css';
+import React, { useState } from "react";
+import { useForm, Controller, useFieldArray } from "react-hook-form";
+import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
+import "react-tabs/style/react-tabs.css";
+import { useUserState } from "../state/useUserState";
+import { TodoComponent } from "../App";
 
-
-const RenderField = ({ control, register, name, property, uiSchema, errors }) => {
-  if (property.type === 'object') {
+const RenderField = ({
+  control,
+  register,
+  name,
+  property,
+  uiSchema,
+  errors,
+}) => {
+  if (property.type === "object") {
     return (
-      <div key={name} style={{ marginBottom: '20px' }}>
+      <div key={name} style={{ marginBottom: "20px" }}>
         <h3>{property.title}</h3>
-        {Object.keys(property.properties).map(subKey => (
+        {Object.keys(property.properties).map((subKey) => (
           <RenderField
             key={subKey}
             name={`${name}.${subKey}`}
@@ -22,18 +30,18 @@ const RenderField = ({ control, register, name, property, uiSchema, errors }) =>
         ))}
       </div>
     );
-  } else if (property.type === 'array') {
+  } else if (property.type === "array") {
     const { fields, append, remove } = useFieldArray({
       control,
       name: name,
     });
 
     return (
-      <div key={name} style={{ marginBottom: '20px' }}>
+      <div key={name} style={{ marginBottom: "20px" }}>
         <h3>{property.title}</h3>
         {fields.map((field, index) => (
-          <div key={field.id} style={{ marginBottom: '10px' }}>
-            {Object.keys(property.items.properties).map(subKey => (
+          <div key={field.id} style={{ marginBottom: "10px" }}>
+            {Object.keys(property.items.properties).map((subKey) => (
               <RenderField
                 key={subKey}
                 name={`${name}[${index}].${subKey}`}
@@ -44,15 +52,19 @@ const RenderField = ({ control, register, name, property, uiSchema, errors }) =>
                 errors={errors}
               />
             ))}
-            <button type="button" onClick={() => remove(index)}>Remove</button>
+            <button type="button" onClick={() => remove(index)}>
+              Remove
+            </button>
           </div>
         ))}
-        <button type="button" onClick={() => append({})}>Add {property.title}</button>
+        <button type="button" onClick={() => append({})}>
+          Add {property.title}
+        </button>
       </div>
     );
   } else {
     return (
-      <div key={name} style={{ marginBottom: '10px' }}>
+      <div key={name} style={{ marginBottom: "10px" }}>
         <label>{property.title}</label>
         <Controller
           name={name}
@@ -60,15 +72,22 @@ const RenderField = ({ control, register, name, property, uiSchema, errors }) =>
           rules={{ required: property.required }}
           render={({ field }) => (
             <input
-              type={uiSchema?.["ui:widget"] === "email" ? "email" :
-                    uiSchema?.["ui:widget"] === "number" ? "number" :
-                    uiSchema?.["ui:widget"] === "checkbox" ? "checkbox" :
-                    "text"}
+              type={
+                uiSchema?.["ui:widget"] === "email"
+                  ? "email"
+                  : uiSchema?.["ui:widget"] === "number"
+                  ? "number"
+                  : uiSchema?.["ui:widget"] === "checkbox"
+                  ? "checkbox"
+                  : "text"
+              }
               {...field}
             />
           )}
         />
-        {errors[name] && <div style={{ color: 'red' }}>{property.title} is required</div>}
+        {errors[name] && (
+          <div style={{ color: "red" }}>{property.title} is required</div>
+        )}
       </div>
     );
   }
@@ -76,9 +95,15 @@ const RenderField = ({ control, register, name, property, uiSchema, errors }) =>
 
 const TabForm = ({ schema, uiSchema, tabs, conditionalTabs }) => {
   const [currentTab, setCurrentTab] = useState(0);
-  const { control, register, handleSubmit, watch, formState: { errors } } = useForm();
+  const {
+    control,
+    register,
+    handleSubmit,
+    watch,
+    formState: { errors },
+  } = useForm();
 
-  const onSubmit = data => console.log(data);
+  const onSubmit = (data) => console.log(data);
 
   const isTabVisible = (tab) => {
     if (!conditionalTabs[tab]) return true;
@@ -88,219 +113,254 @@ const TabForm = ({ schema, uiSchema, tabs, conditionalTabs }) => {
   };
 
   return (
-    <form onSubmit={handleSubmit(onSubmit)} style={{ display: 'flex', flexDirection: 'column', width: '600px', margin: 'auto' }}>
-      <Tabs selectedIndex={currentTab} onSelect={(index) => setCurrentTab(index)}>
+    <form
+      onSubmit={handleSubmit(onSubmit)}
+      style={{
+        display: "flex",
+        flexDirection: "column",
+        width: "600px",
+        margin: "auto",
+      }}
+    >
+      <Tabs
+        selectedIndex={currentTab}
+        onSelect={(index) => setCurrentTab(index)}
+      >
         <TabList>
-          {tabs.map((tab, index) => (
-            isTabVisible(index) && <Tab key={index}>{tab.label}</Tab>
-          ))}
+          {tabs.map(
+            (tab, index) =>
+              isTabVisible(index) && <Tab key={index}>{tab.label}</Tab>
+          )}
         </TabList>
 
-        {tabs.map((tab, index) => (
-          isTabVisible(index) && (
-            <TabPanel key={index}>
-              <h2>{tab.label}</h2>
-              {tab.fields.map(key => (
-                <RenderField
-                  key={key}
-                  name={key}
-                  property={schema.properties[key]}
-                  uiSchema={uiSchema[key]}
-                  control={control}
-                  register={register}
-                  errors={errors}
-                />
-              ))}
-              {currentTab > 0 && <button type="button" onClick={() => setCurrentTab(prev => prev - 1)}>Previous</button>}
-              {currentTab < tabs.length - 1 && <button type="button" onClick={() => setCurrentTab(prev => prev + 1)}>Next</button>}
-              {currentTab === tabs.length - 1 && <button type="submit">Submit</button>}
-            </TabPanel>
-          )
-        ))}
+        {tabs.map(
+          (tab, index) =>
+            isTabVisible(index) && (
+              <TabPanel key={index}>
+                <h2>{tab.label}</h2>
+                {tab.fields.map((key) => (
+                  <RenderField
+                    key={key}
+                    name={key}
+                    property={schema.properties[key]}
+                    uiSchema={uiSchema[key]}
+                    control={control}
+                    register={register}
+                    errors={errors}
+                  />
+                ))}
+                {currentTab > 0 && (
+                  <button
+                    type="button"
+                    onClick={() => setCurrentTab((prev) => prev - 1)}
+                  >
+                    Previous
+                  </button>
+                )}
+                {currentTab < tabs.length - 1 && (
+                  <button
+                    type="button"
+                    onClick={() => setCurrentTab((prev) => prev + 1)}
+                  >
+                    Next
+                  </button>
+                )}
+                {currentTab === tabs.length - 1 && (
+                  <button type="submit">Submit</button>
+                )}
+              </TabPanel>
+            )
+        )}
       </Tabs>
     </form>
   );
 };
 
-
-
 const tabs = [
   { label: "Personal Info", fields: ["personalInfo"] },
   { label: "Address", fields: ["address"] },
   { label: "Phones", fields: ["phones"] },
-  { label: "Preferences", fields: ["preferences"] }
+  { label: "Preferences", fields: ["preferences"] },
 ];
 
 const conditionalTabs = {
   3: {
     fields: ["preferences.newsletter"],
-    rule: values => values["preferences.newsletter"]
-  }
+    rule: (values) => values["preferences.newsletter"],
+  },
 };
 
 const TabFormScreen = () => {
+  const { setData, resetData, data } = useUserState();
+
   return (
     <div className="App">
-      <TabForm schema={schema} uiSchema={uiSchema} tabs={tabs} conditionalTabs={conditionalTabs} />
+      <h1>Hi {data?.name}</h1>
+      <TodoComponent></TodoComponent>
+      <TabForm
+        schema={schema}
+        uiSchema={uiSchema}
+        tabs={tabs}
+        conditionalTabs={conditionalTabs}
+      />
     </div>
   );
-}
+};
 
 export default TabFormScreen;
 
-
- const schema = {
-    "title": "Complex Form",
-    "type": "object",
-    "properties": {
-      "personalInfo": {
-        "type": "object",
-        "title": "Personal Information",
-        "properties": {
-          "firstName": {
-            "type": "string",
-            "title": "First Name"
-          },
-          "lastName": {
-            "type": "string",
-            "title": "Last Name"
-          },
-          "age": {
-            "type": "integer",
-            "title": "Age"
-          },
-          "email": {
-            "type": "string",
-            "format": "email",
-            "title": "Email"
-          }
-        }
+const schema = {
+  title: "Complex Form",
+  type: "object",
+  properties: {
+    personalInfo: {
+      type: "object",
+      title: "Personal Information",
+      properties: {
+        firstName: {
+          type: "string",
+          title: "First Name",
+        },
+        lastName: {
+          type: "string",
+          title: "Last Name",
+        },
+        age: {
+          type: "integer",
+          title: "Age",
+        },
+        email: {
+          type: "string",
+          format: "email",
+          title: "Email",
+        },
       },
-      "address": {
-        "type": "object",
-        "title": "Address",
-        "properties": {
-          "street": {
-            "type": "string",
-            "title": "Street"
-          },
-          "city": {
-            "type": "string",
-            "title": "City"
+    },
+    address: {
+      type: "object",
+      title: "Address",
+      properties: {
+        street: {
+          type: "string",
+          title: "Street",
+        },
+        city: {
+          type: "string",
+          title: "City",
+        },
+        state: {
+          type: "string",
+          title: "State",
+        },
+        zipCode: {
+          type: "string",
+          title: "Zip Code",
+        },
+      },
+    },
+    phones: {
+      type: "array",
+      title: "Phone Numbers",
+      items: {
+        type: "object",
+        properties: {
+          type: {
+            type: "string",
+            title: "Type",
+            enum: ["Home", "Work", "Mobile"],
           },
-          "state": {
-            "type": "string",
-            "title": "State"
+          number: {
+            type: "string",
+            title: "Number",
           },
-          "zipCode": {
-            "type": "string",
-            "title": "Zip Code"
-          }
-        }
+        },
       },
-      "phones": {
-        "type": "array",
-        "title": "Phone Numbers",
-        "items": {
-          "type": "object",
-          "properties": {
-            "type": {
-              "type": "string",
-              "title": "Type",
-              "enum": ["Home", "Work", "Mobile"]
+    },
+    preferences: {
+      type: "object",
+      title: "Preferences",
+      properties: {
+        newsletter: {
+          type: "boolean",
+          title: "Receive Newsletter",
+        },
+        notifications: {
+          type: "object",
+          title: "Notifications",
+          properties: {
+            email: {
+              type: "boolean",
+              title: "Email",
+            },
+            sms: {
+              type: "boolean",
+              title: "SMS",
+            },
+            push: {
+              type: "boolean",
+              title: "Push Notifications",
             },
-            "number": {
-              "type": "string",
-              "title": "Number"
-            }
-          }
-        }
-      },
-      "preferences": {
-        "type": "object",
-        "title": "Preferences",
-        "properties": {
-          "newsletter": {
-            "type": "boolean",
-            "title": "Receive Newsletter"
           },
-          "notifications": {
-            "type": "object",
-            "title": "Notifications",
-            "properties": {
-              "email": {
-                "type": "boolean",
-                "title": "Email"
-              },
-              "sms": {
-                "type": "boolean",
-                "title": "SMS"
-              },
-              "push": {
-                "type": "boolean",
-                "title": "Push Notifications"
-              }
-            }
-          }
-        }
-      }
-    },
-    "required": ["personalInfo", "email"]
-  };
-  
-   const uiSchema = {
-    "ui:groups": {
-      "personalInfo": ["firstName", "lastName", "age", "email"],
-      "address": ["street", "city", "state", "zipCode"],
-      "phones": ["phones"],
-      "preferences": ["newsletter", "notifications"]
-    },
-    "firstName": {
-      "ui:widget": "text"
-    },
-    "lastName": {
-      "ui:widget": "text"
-    },
-    "age": {
-      "ui:widget": "number"
-    },
-    "email": {
-      "ui:widget": "email"
-    },
-    "street": {
-      "ui:widget": "text"
-    },
-    "city": {
-      "ui:widget": "text"
+        },
+      },
     },
-    "state": {
-      "ui:widget": "text"
+  },
+  required: ["personalInfo", "email"],
+};
+
+const uiSchema = {
+  "ui:groups": {
+    personalInfo: ["firstName", "lastName", "age", "email"],
+    address: ["street", "city", "state", "zipCode"],
+    phones: ["phones"],
+    preferences: ["newsletter", "notifications"],
+  },
+  firstName: {
+    "ui:widget": "text",
+  },
+  lastName: {
+    "ui:widget": "text",
+  },
+  age: {
+    "ui:widget": "number",
+  },
+  email: {
+    "ui:widget": "email",
+  },
+  street: {
+    "ui:widget": "text",
+  },
+  city: {
+    "ui:widget": "text",
+  },
+  state: {
+    "ui:widget": "text",
+  },
+  zipCode: {
+    "ui:widget": "text",
+  },
+  phones: {
+    items: {
+      type: {
+        "ui:widget": "select",
+      },
+      number: {
+        "ui:widget": "text",
+      },
     },
-    "zipCode": {
-      "ui:widget": "text"
+  },
+  newsletter: {
+    "ui:widget": "checkbox",
+  },
+  notifications: {
+    email: {
+      "ui:widget": "checkbox",
     },
-    "phones": {
-      "items": {
-        "type": {
-          "ui:widget": "select"
-        },
-        "number": {
-          "ui:widget": "text"
-        }
-      }
+    sms: {
+      "ui:widget": "checkbox",
     },
-    "newsletter": {
-      "ui:widget": "checkbox"
+    push: {
+      "ui:widget": "checkbox",
     },
-    "notifications": {
-      "email": {
-        "ui:widget": "checkbox"
-      },
-      "sms": {
-        "ui:widget": "checkbox"
-      },
-      "push": {
-        "ui:widget": "checkbox"
-      }
-    }
-  };
\ No newline at end of file
+  },
+};
diff --git a/micro-frontends/sample/src/pages/test.jsx b/micro-frontends/sample/src/pages/test.jsx
index 8d6470cd76a..d7327a9f1fb 100644
--- a/micro-frontends/sample/src/pages/test.jsx
+++ b/micro-frontends/sample/src/pages/test.jsx
@@ -1,9 +1,10 @@
 // src/components/JsonSchemaForm.js
-import React, { useMemo, useCallback, use ,useEffect} from "react";
-import { useForm, Controller, useFieldArray ,useWatch} from "react-hook-form";
+import React, { useMemo, useCallback, use, useEffect } from "react";
+import { useForm, Controller, useFieldArray, useWatch } from "react-hook-form";
 import CustomDatePicker from "./CustomCheck"; // Import the custom component
 import { ThemeContext } from "../examples/Theme";
 import useLastUpdatedField from "../hooks/useLastUpdatedField";
+import { useUserState } from "../state/useUserState";
 
 const schema = {
   title: "Complex Form",
@@ -148,7 +149,7 @@ const RenderIndividualField = React.memo(
   ({ name, property, uiWidget, control, errors }) => {
     const CustomWidget = customWidgets[uiWidget];
     const { theme, toggleTheme } = use(ThemeContext);
- 
+
     return (
       <div key={name} style={{ display: "inline-block", marginRight: "20px" }}>
         <label className={theme === "light" ? "text-gray-800" : "text-white"}>
@@ -203,7 +204,6 @@ const RenderArrayField = React.memo(
     });
     const { theme } = use(ThemeContext);
     if (property?.type == "array" && property?.items?.type == "string") {
-    
     }
     return (
       <div key={name}>
@@ -247,16 +247,16 @@ const RenderArrayField = React.memo(
     );
   }
 );
-function findUIDependencies(obj, path = '') {
+function findUIDependencies(obj, path = "") {
   const result = [];
 
   for (const key in obj) {
     if (obj.hasOwnProperty(key)) {
       const newPath = path ? `${path}.${key}` : key;
-      
-      if (key === 'ui:dependencies') {
+
+      if (key === "ui:dependencies") {
         result.push({ path: newPath, object: obj[key] });
-      } else if (typeof obj[key] === 'object' && obj[key] !== null) {
+      } else if (typeof obj[key] === "object" && obj[key] !== null) {
         result.push(...findUIDependencies(obj[key], newPath));
       }
     }
@@ -273,27 +273,25 @@ const RenderDependentField = ({
   errors,
   dependencies,
 }) => {
-
-    return (
-      <RenderField
-        name={name}
-        property={property}
-        uiSchema={dependencies?.uiWidget}
-        control={control}
-        errors={errors}
-        watch={watch}
-      />
-    );
+  return (
+    <RenderField
+      name={name}
+      property={property}
+      uiSchema={dependencies?.uiWidget}
+      control={control}
+      errors={errors}
+      watch={watch}
+    />
+  );
 };
 const RenderField = ({ name, property, uiSchema, control, errors, watch }) => {
-    const uiWidget = uiSchema && uiSchema["ui:widget"];
-    const dependencies = uiSchema && uiSchema["ui:dependencies"];
-    const { theme, toggleTheme } = use(ThemeContext);
-
-    if (dependencies) {
-      const dependentValue = watch(dependencies.dependentField);
-      if (dependentValue === dependencies.expectedValue) {
+  const uiWidget = uiSchema && uiSchema["ui:widget"];
+  const dependencies = uiSchema && uiSchema["ui:dependencies"];
+  const { theme, toggleTheme } = use(ThemeContext);
 
+  if (dependencies) {
+    const dependentValue = watch(dependencies.dependentField);
+    if (dependentValue === dependencies.expectedValue) {
       return (
         <RenderDependentField
           name={name}
@@ -308,58 +306,60 @@ const RenderField = ({ name, property, uiSchema, control, errors, watch }) => {
     return null;
   }
 
-    if (property.type === "array") {
-      return (
-        <RenderArrayField
-          name={name}
-          property={property}
-          uiSchema={uiSchema}
-          control={control}
-          errors={errors}
-          watch={watch}
-        />
-      );
-    }
-
-    if (property.type === "object") {
-      return (
-        <Card key={name}>
-          <label className={theme === "light" ? "text-gray-800" : "text-white"}>
-            {property.title}
-          </label>
-          {Object.keys(property?.properties).map((subKey) => (
-            <RenderField
-              key={`${name}.${subKey}`}
-              name={`${name}.${subKey}`}
-              property={property.properties?.[subKey]}
-              uiSchema={uiSchema?.[subKey]}
-              control={control}
-              errors={errors}
-              watch={watch}
-            />
-          ))}
-        </Card>
-      );
-    }
-
+  if (property.type === "array") {
     return (
-      <RenderIndividualField
-        key={name}
+      <RenderArrayField
         name={name}
         property={property}
-        uiWidget={uiWidget}
+        uiSchema={uiSchema}
         control={control}
         errors={errors}
+        watch={watch}
       />
     );
   }
 
+  if (property.type === "object") {
+    return (
+      <Card key={name}>
+        <label className={theme === "light" ? "text-gray-800" : "text-white"}>
+          {property.title}
+        </label>
+        {Object.keys(property?.properties).map((subKey) => (
+          <RenderField
+            key={`${name}.${subKey}`}
+            name={`${name}.${subKey}`}
+            property={property.properties?.[subKey]}
+            uiSchema={uiSchema?.[subKey]}
+            control={control}
+            errors={errors}
+            watch={watch}
+          />
+        ))}
+      </Card>
+    );
+  }
+
+  return (
+    <RenderIndividualField
+      key={name}
+      name={name}
+      property={property}
+      uiWidget={uiWidget}
+      control={control}
+      errors={errors}
+    />
+  );
+};
+
 const JsonSchemaForm = ({ schema, uiSchema }) => {
   const {
     control,
     handleSubmit,
     watch,
-    reset, trigger, getValues,
+    reset,
+    trigger,
+    getValues,
     formState: { errors },
   } = useForm({
     defaultValues: useMemo(
@@ -376,42 +376,40 @@ const JsonSchemaForm = ({ schema, uiSchema }) => {
     ),
   });
 
-  const dependencies=findUIDependencies(uiSchema);
-
-//   // Extracting unique dependent fields from dependencies
-//   const dependentFields = useMemo(() => {
-//     return [...new Set(dependencies.map(dep => dep.object.dependentField))];
-//   }, []);
-// console.log(dependentFields,'dependentFields');
-//   // Watch only the fields that have dependencies
-//   const watchedDependentValues = useWatch({
-//     control,
-//     name: dependentFields,
-//   });
-
-//   useEffect(() => {
-//     dependentFields.forEach((field, index) => {
-//       const expectedValue = dependencies.find(dep => dep.object.dependentField === field)?.object.expectedValue;
-//       const fieldValue = watchedDependentValues[index];
-
-//       if (fieldValue === expectedValue) {
-//         trigger(field); // Trigger validation
-//       } else {
-//         reset(getValues(), { keepValues: true, keepErrors: true, keepDirty: true });
-//       }
-//       console.log(fieldValue,'fieldValue');
-//     });
-//     console.log(dependentFields,"dependencies inside useefect");
-
-//   }, [watchedDependentValues, reset, trigger, getValues, dependentFields]);
-
-
-
-    // Extracting unique dependent fields from dependencies
-    // Extracting unique dependent fields from dependencies
+  const dependencies = findUIDependencies(uiSchema);
+
+  //   // Extracting unique dependent fields from dependencies
+  //   const dependentFields = useMemo(() => {
+  //     return [...new Set(dependencies.map(dep => dep.object.dependentField))];
+  //   }, []);
+  // console.log(dependentFields,'dependentFields');
+  //   // Watch only the fields that have dependencies
+  //   const watchedDependentValues = useWatch({
+  //     control,
+  //     name: dependentFields,
+  //   });
+
+  //   useEffect(() => {
+  //     dependentFields.forEach((field, index) => {
+  //       const expectedValue = dependencies.find(dep => dep.object.dependentField === field)?.object.expectedValue;
+  //       const fieldValue = watchedDependentValues[index];
+
+  //       if (fieldValue === expectedValue) {
+  //         trigger(field); // Trigger validation
+  //       } else {
+  //         reset(getValues(), { keepValues: true, keepErrors: true, keepDirty: true });
+  //       }
+  //       console.log(fieldValue,'fieldValue');
+  //     });
+  //     console.log(dependentFields,"dependencies inside useefect");
+
+  //   }, [watchedDependentValues, reset, trigger, getValues, dependentFields]);
+
+  // Extracting unique dependent fields from dependencies
+  // Extracting unique dependent fields from dependencies
   const dependentFields = useMemo(() => {
     const fields = [];
-    dependencies.forEach(dep => {
+    dependencies.forEach((dep) => {
       if (!fields.includes(dep.object.dependentField)) {
         fields.push(dep.object.dependentField);
       }
@@ -421,11 +419,10 @@ const JsonSchemaForm = ({ schema, uiSchema }) => {
 
   const lastUpdatedField = useLastUpdatedField(control, dependentFields);
 
-
   useEffect(() => {
     if (!lastUpdatedField) return;
 
-    dependencies.forEach(dep => {
+    dependencies.forEach((dep) => {
       const { dependentField, expectedValue } = dep.object;
 
       if (dependentField === lastUpdatedField) {
@@ -434,7 +431,7 @@ const JsonSchemaForm = ({ schema, uiSchema }) => {
         if (fieldValue === expectedValue) {
           // trigger(dep.path.replace('.ui:dependencies', '')); // Trigger validation for the specific path
         } else {
-          console.log(fieldValue, 'fieldValue else');
+          console.log(fieldValue, "fieldValue else");
           // reset(getValues(), { keepValues: true, keepErrors: true, keepDirty: true });
         }
       }
@@ -494,16 +491,18 @@ const JsonSchemaForm = ({ schema, uiSchema }) => {
   );
 };
 const Card = ({ key, children }) => {
- return (<div
-    key={key}
-    style={{
-      border: "1px solid #ccc",
-      padding: "10px",
-      margin: "10px 0",
-    }}
-  >
-   { children }
-  </div>)
+  return (
+    <div
+      key={key}
+      style={{
+        border: "1px solid #ccc",
+        padding: "10px",
+        margin: "10px 0",
+      }}
+    >
+      {children}
+    </div>
+  );
 };
 
 // const Header = ({ className, children }) => {
@@ -513,9 +512,17 @@ const Card = ({ key, children }) => {
 //       { children }
 //      </h1>)
 //    };
-   
 
 const Test = () => {
-  return <JsonSchemaForm schema={schema} uiSchema={uiSchema}></JsonSchemaForm>;
+  const { setData, resetData, data } = useUserState();
+  console.log(data, "data");
+  return (
+    <>
+      <h1>Hi {data?.name}</h1>
+      <input onChange={(e) => setData({ ...data, name: e.target.value })} />
+
+      <JsonSchemaForm schema={schema} uiSchema={uiSchema}></JsonSchemaForm>
+    </>
+  );
 };
 export default Test;
diff --git a/micro-frontends/sample/src/state/createState.js b/micro-frontends/sample/src/state/createState.js
new file mode 100644
index 00000000000..153094654c5
--- /dev/null
+++ b/micro-frontends/sample/src/state/createState.js
@@ -0,0 +1,31 @@
+import { useQuery } from "@tanstack/react-query";
+import { queryClient } from "./stateConfigs";
+
+export function createGlobalState(queryKey, initialData = null) {
+  return function () {
+    const { data } = useQuery({
+      queryKey: [queryKey],
+      queryFn: () => Promise.resolve(initialData),
+      refetchInterval: false,
+      refetchOnMount: false,
+      refetchOnWindowFocus: false,
+      refetchOnReconnect: false,
+      refetchIntervalInBackground: false,
+    });
+
+    function setData(data) {
+      queryClient.setQueryData([queryKey], data);
+    }
+
+    function resetData() {
+      queryClient.invalidateQueries({
+        queryKey: [queryKey],
+      });
+      queryClient.refetchQueries({
+        queryKey: [queryKey],
+      });
+    }
+
+    return { data, setData, resetData };
+  };
+}
diff --git a/micro-frontends/sample/src/state/stateConfigs.js b/micro-frontends/sample/src/state/stateConfigs.js
new file mode 100644
index 00000000000..c7b086fc1b7
--- /dev/null
+++ b/micro-frontends/sample/src/state/stateConfigs.js
@@ -0,0 +1,49 @@
+import { QueryClient, QueryCache } from "@tanstack/react-query";
+import localforage from "localforage";
+
+localforage.config({
+  driver: localforage.INDEXEDDB, // Force IndexedDB; same as using setDriver()
+  name: "DIGIT",
+  version: 1.0,
+  storeName: "keyvaluepairs", // Should be alphanumeric, with underscores.
+  description: "Sandbox",
+});
+
+const cacheTime = 1000 * 60 * 60 * 24; // 24 hours
+
+export const queryClient = new QueryClient({
+  queryCache: new QueryCache({
+    onSuccess: async (data, query) => {
+      console.log(data, "querydata");
+      await localforage.setItem(query.queryKey, {
+        data,
+        updatedAt: Date.now(),
+      });
+    },
+  }),
+  defaultOptions: {
+    queries: {
+      cacheTime,
+      staleTime: 0,
+      refetchInterval: false,
+      refetchOnMount: false,
+      refetchOnWindowFocus: false,
+      refetchOnReconnect: false,
+      refetchIntervalInBackground: false,
+    },
+  },
+});
+
+const hydrateQuery = async (queryKey) => {
+  const cachedData = await localforage.getItem(queryKey);
+  if (cachedData && Date.now() - cachedData.updatedAt < cacheTime) {
+    console.log(queryKey, cachedData.data, "queryKey, cachedData.data");
+    queryClient.setQueryData(queryKey, cachedData.data);
+  }
+};
+
+export const hydrateAllQueries = async () => {
+  const keys = await localforage.keys();
+  console.log(keys, "keys");
+  await Promise.all(keys.map((key) => hydrateQuery(key)));
+};
diff --git a/micro-frontends/sample/src/state/useAuthState.js b/micro-frontends/sample/src/state/useAuthState.js
new file mode 100644
index 00000000000..726a73a8a2c
--- /dev/null
+++ b/micro-frontends/sample/src/state/useAuthState.js
@@ -0,0 +1,12 @@
+import { createGlobalState } from "./createState";
+
+export const useAuthState = createGlobalState("auth", {
+  isSignedIn: false,
+  loggedInAt: null,
+  userId: null,
+  token: null,
+  tokenExpiresAt: null,
+  refreshToken: null,
+  refreshTokenExpiresAt: null,
+  userType: "employee",
+});
diff --git a/micro-frontends/sample/src/state/useLocalisationState.js b/micro-frontends/sample/src/state/useLocalisationState.js
new file mode 100644
index 00000000000..80c391a2a70
--- /dev/null
+++ b/micro-frontends/sample/src/state/useLocalisationState.js
@@ -0,0 +1,10 @@
+import { createGlobalState } from "./createState";
+
+export const useLocalisationState = createGlobalState("localisation", {
+  tenantId: null,
+  locale: "en_IN",
+  availableLocales: [],
+  messages: [],
+  cachedModules: [],
+  cachedMessages: {},
+});
diff --git a/micro-frontends/sample/src/state/useNavigatorState.js b/micro-frontends/sample/src/state/useNavigatorState.js
new file mode 100644
index 00000000000..25d015d7c53
--- /dev/null
+++ b/micro-frontends/sample/src/state/useNavigatorState.js
@@ -0,0 +1,7 @@
+import { createGlobalState } from "./createState";
+
+export const useNavigatorState = createGlobalState("navigator", {
+  currentScreen: "",
+  history: [],
+  previousScreen: "",
+});
diff --git a/micro-frontends/sample/src/state/useTenantState.js b/micro-frontends/sample/src/state/useTenantState.js
new file mode 100644
index 00000000000..ca9016b9c09
--- /dev/null
+++ b/micro-frontends/sample/src/state/useTenantState.js
@@ -0,0 +1,8 @@
+import { createGlobalState } from "./createState";
+
+export const useTenantState = createGlobalState("tenant", {
+  tenantId: null,
+  rootTenantId: null,
+  availableTenants: [],
+  tenantsInfo: [],
+});
diff --git a/micro-frontends/sample/src/state/useUserState.js b/micro-frontends/sample/src/state/useUserState.js
new file mode 100644
index 00000000000..02c9ba798e7
--- /dev/null
+++ b/micro-frontends/sample/src/state/useUserState.js
@@ -0,0 +1,11 @@
+import { createGlobalState } from "./createState";
+
+export const useUserState = createGlobalState("user", {
+  name: "default",
+  userType: "employee",
+  roles: [],
+  userId: null,
+  mobileNumber: null,
+  emailId: null,
+  tenantId: null,
+});
diff --git a/micro-frontends/sample/yarn.lock b/micro-frontends/sample/yarn.lock
index 67cc1682a44..228bf707b7a 100644
--- a/micro-frontends/sample/yarn.lock
+++ b/micro-frontends/sample/yarn.lock
@@ -545,6 +545,18 @@
   resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.18.0.tgz#5d694d345ce36b6ecf657349e03eb87297e68da4"
   integrity sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==
 
+"@tanstack/query-core@5.50.1":
+  version "5.50.1"
+  resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-5.50.1.tgz#b3f93e34cc9cdc46891a1a07a42a0ed2d0a77578"
+  integrity sha512-lpfhKPrJlyV2DSVcQb/HuozH3Av3kws4ge22agx+lNGpFkS4vLZ7St0l3GLwlAD+bqB+qXGex3JdRKUNtMviEQ==
+
+"@tanstack/react-query@5.50.1":
+  version "5.50.1"
+  resolved "https://registry.yarnpkg.com/@tanstack/react-query/-/react-query-5.50.1.tgz#2eb6f552e3ff108f532da4fab5bcaef71ed0ab03"
+  integrity sha512-s0DW3rVBDPReDDovUjVqItVa3R2nPfUANK9nqGvarO2DwTiY9U4EBTsqizMxItRCoGgK5apeM7D3mxlHrSKpdQ==
+  dependencies:
+    "@tanstack/query-core" "5.50.1"
+
 "@types/babel__core@^7.20.5":
   version "7.20.5"
   resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.5.tgz#3df15f27ba85319caa07ba08d0721889bb39c017"
@@ -775,6 +787,11 @@ asap@~2.0.3:
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
   integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
 
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
 autoprefixer@10.4.19:
   version "10.4.19"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.19.tgz#ad25a856e82ee9d7898c59583c1afeb3fa65f89f"
@@ -794,6 +811,15 @@ available-typed-arrays@^1.0.7:
   dependencies:
     possible-typed-array-names "^1.0.0"
 
+axios@1.7.2:
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.7.2.tgz#b625db8a7051fbea61c35a3cbb3a1daa7b9c7621"
+  integrity sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==
+  dependencies:
+    follow-redirects "^1.15.6"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
+
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
@@ -923,6 +949,13 @@ color-name@~1.1.4:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+combined-stream@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
+
 commander@^4.0.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
@@ -1034,6 +1067,11 @@ define-properties@^1.2.0, define-properties@^1.2.1:
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
 didyoumean@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
@@ -1449,6 +1487,11 @@ flatted@^3.2.9:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a"
   integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==
 
+follow-redirects@^1.15.6:
+  version "1.15.6"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.6.tgz#7f815c0cda4249c74ff09e95ef97c23b5fd0399b"
+  integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
+
 for-each@^0.3.3:
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
@@ -1464,6 +1507,15 @@ foreground-child@^3.1.0:
     cross-spawn "^7.0.0"
     signal-exit "^4.0.1"
 
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
 fraction.js@^4.3.7:
   version "4.3.7"
   resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
@@ -1647,21 +1699,14 @@ html-parse-stringify@^3.0.1:
   dependencies:
     void-elements "3.1.0"
 
-i18next-browser-languagedetector@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/i18next-browser-languagedetector/-/i18next-browser-languagedetector-8.0.0.tgz#b6fdd9b43af67c47f2c26c9ba27710a1eaf31e2f"
-  integrity sha512-zhXdJXTTCoG39QsrOCiOabnWj2jecouOqbchu3EfhtSHxIB5Uugnm9JaizenOy39h7ne3+fLikIjeW88+rgszw==
-  dependencies:
-    "@babel/runtime" "^7.23.2"
-
-i18next-http-backend@^2.5.2:
+i18next-http-backend@2.5.2:
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/i18next-http-backend/-/i18next-http-backend-2.5.2.tgz#3d846cc239987fe7700d1cf0f17975807bfd25d3"
   integrity sha512-+K8HbDfrvc1/2X8jpb7RLhI9ZxBDpx3xogYkQwGKlWAUXLSEGXzgdt3EcUjLlBCdMwdQY+K+EUF6oh8oB6rwHw==
   dependencies:
     cross-fetch "4.0.0"
 
-i18next@^23.11.5:
+i18next@23.11.5:
   version "23.11.5"
   resolved "https://registry.yarnpkg.com/i18next/-/i18next-23.11.5.tgz#d71eb717a7e65498d87d0594f2664237f9e361ef"
   integrity sha512-41pvpVbW9rhZPk5xjCX2TPJi2861LEig/YRhUkY+1FQ2IQPS0bKUDYnEqY8XPPbB48h1uIwLnP9iiEfuSl20CA==
@@ -1675,7 +1720,7 @@ iconv-lite@^0.6.2:
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
-idb@^8.0.0:
+idb@8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/idb/-/idb-8.0.0.tgz#33d7ed894ed36e23bcb542fb701ad579bfaad41f"
   integrity sha512-l//qvlAKGmQO31Qn7xdzagVPPaHTxXx199MhrAFuVBTPqydcPYBWjkrbv4Y0ktB+GmWOiwHl237UUOrLmQxLvw==
@@ -1685,6 +1730,11 @@ ignore@^5.2.0:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef"
   integrity sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==
 
+immediate@~3.0.5:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
+  integrity sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==
+
 import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
@@ -2012,6 +2062,13 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
+lie@3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/lie/-/lie-3.1.1.tgz#9a436b2cc7746ca59de7a41fa469b3efb76bd87e"
+  integrity sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==
+  dependencies:
+    immediate "~3.0.5"
+
 lilconfig@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
@@ -2027,6 +2084,13 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
   integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
 
+localforage@^1.10.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/localforage/-/localforage-1.10.0.tgz#5c465dc5f62b2807c3a84c0c6a1b1b3212781dd4"
+  integrity sha512-14/H1aX7hzBBmmh7sGPd+AOMkkIrHM3Z1PAyGgZigA1H1p5O5ANnMyWzvpAETtG68/dC4pC0ncy3+PPGzXZHPg==
+  dependencies:
+    lie "3.1.1"
+
 locate-path@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
@@ -2071,6 +2135,18 @@ micromatch@^4.0.4, micromatch@^4.0.5:
     braces "^3.0.3"
     picomatch "^2.3.1"
 
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
 minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
@@ -2392,6 +2468,11 @@ prop-types@^15.5.0, prop-types@^15.5.10, prop-types@^15.8.1:
     object-assign "^4.1.1"
     react-is "^16.13.1"
 
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
 punycode@^2.1.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"