Use deepcompare for appcontext

eea · Jan 6, 2023 · 0ce0973 · 0ce0973
1 parent c9ce132
commit 0ce0973
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/searchlib/components/SearchApp/BasicSearchApp.jsx b/searchlib/components/SearchApp/BasicSearchApp.jsx
@@ -6,7 +6,7 @@
 
 import React from 'react';
 import { SearchProvider, withSearch } from '@elastic/react-search-ui'; // ErrorBoundary,    WithSearch,
-import useDeepCompareEffect from 'use-deep-compare-effect';
+import { useDeepCompareMemoize } from 'use-deep-compare-effect';
 
 import { AppConfigContext, SearchContext } from '@eeacms/search/lib/hocs';
 import { bindOnAutocomplete, bindOnSearch } from '@eeacms/search/lib/request';
@@ -96,14 +96,16 @@ export default function BasicSearchApp(props) {
     mapContextToProps,
   ]);
 
-  const [stableContext, setStableContext] = React.useState({
-    appConfig,
-    registry,
-  });
+  const stableContext = useDeepCompareMemoize({ appConfig, registry });
 
-  useDeepCompareEffect(() => {
-    setStableContext({ appConfig, registry });
-  }, [appConfig, registry]);
+  // const [stableContext, setStableContext] = React.useState({
+  //   appConfig,
+  //   registry,
+  // });
+  //
+  // useDeepCompareEffect(() => {
+  //   setStableContext({ appConfig, registry });
+  // }, [appConfig, registry]);
 
   const WrappedSearchView = React.useMemo(() => {
     return mappedWithSearch(applySearchWrappers(searchViewComponent));