Fix full view

searchlib/components/SearchApp/FacetApp.jsx

@@ -82,7 +82,7 @@ export default function FacetApp(props) {
     () => () => {
       removeFilter(field); // when the Facet is removed, we remove the filter
       timerRef.current && clearTimeout(timerRef.current);
-      // console.log('unmount', field);
+      console.log('unmount', field);
     },
     [field, removeFilter],
   );

searchlib/components/SearchApp/SearchApp.jsx

@@ -1,8 +1,28 @@
 import React from 'react';
 import { SearchView } from '@eeacms/search/components/SearchView/SearchView';
+import { getDefaultFilters } from '@eeacms/search/lib/utils';
 
 import BasicSearchApp from './BasicSearchApp';
 
 export default function SearchApp(props) {
-  return <BasicSearchApp {...props} searchViewComponent={SearchView} />;
+  const { defaultSort = '' } = props;
+  const [sortField, sortDirection] = defaultSort.split('|');
+  const appConfig = props.registry.searchui[props.appName];
+  const appDefaultFilters = getDefaultFilters(appConfig);
+  const [initialState] = React.useState({
+    ...(appDefaultFilters?.length
+      ? {
+          filters: appDefaultFilters,
+        }
+      : {}),
+    ...(defaultSort ? { sortField, sortDirection } : {}),
+  }); // this makes the prop stable
+
+  return (
+    <BasicSearchApp
+      {...props}
+      initialState={initialState}
+      searchViewComponent={SearchView}
+    />
+  );
 }

src/SearchBlock/SearchBlockView.jsx

@@ -88,14 +88,15 @@ function SearchBlockView(props) {
   });
 
   const key = `${location?.pathname || path}-${props.data?.appName}`;
-  // console.log('render searchblockview', key);
   const Variation = variation.view;
+
+  // console.log('render searchblockview', key);
   // React.useEffect(() => () => console.log('unmount SearchBlockView'), []);
 
   return (
     <div>
       {mode !== 'view' && 'EEA Semantic Search block'}
-      {/* {JSON.stringify(data.defaultFilters)} */}
+      {mode !== 'view' && JSON.stringify(data.defaultFilters)}
       <Variation
         key={key}
         slotFills={data.slotFills}