fix(react): memoize provider value

scalprum · Sep 24, 2024 · a7b95eb · a7b95eb
1 parent baa5762
commit a7b95eb
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/packages/react-core/src/scalprum-provider.tsx b/packages/react-core/src/scalprum-provider.tsx
@@ -72,15 +72,20 @@ export function ScalprumProvider<T extends Record<string, any> = Record<string,
     // @ts-ignore
   }, [props.api, props.config, props.scalprum]);
 
+  const value = useMemo(
+    () => ({
+      config: state.appsConfig,
+      api: state.api,
+      initialized: true,
+      pluginStore: state.pluginStore,
+    }),
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    [props.api, props.config, props.scalprum, state],
+  );
+
   return (
-    <ScalprumContext.Provider
-      value={{
-        config: state.appsConfig,
-        api: state.api,
-        initialized: true,
-        pluginStore: state.pluginStore,
-      }}
-    >
+    <ScalprumContext.Provider value={value}>
       <PluginStoreProvider store={state.pluginStore}>{props.children}</PluginStoreProvider>
     </ScalprumContext.Provider>
   );