Refs #253324; fix edge case when displaying search block with un-init…

…ialized search state

searchlib/components/SearchApp/SearchApp.jsx

@@ -5,12 +5,15 @@ import qs from 'querystring';
 
 import BasicSearchApp from './BasicSearchApp';
 
+const getParams = (s) => (s ? (s.startsWith('?') ? s.slice(1) : s) : '');
+
 export default function SearchApp(props) {
   const locationSearch = __CLIENT__
-    ? qs.parse(window.location.search || '')?.['q']
+    ? qs.parse(getParams(window.location.search))?.['q']
     : null;
-  const defaultSort = locationSearch !== null ? '' : props.defaultSort || '';
+  const defaultSort = locationSearch ? '' : props.defaultSort || '';
   const [sortField, sortDirection] = defaultSort.split('|');
+
   const appConfig = props.registry.searchui[props.appName];
   const appDefaultFilters = getDefaultFilters(appConfig);
   const [initialState] = React.useState({
@@ -22,6 +25,17 @@ export default function SearchApp(props) {
     ...(defaultSort ? { sortField, sortDirection } : {}),
   }); // this makes the prop stable
 
+  // console.log({
+  //   appConfig,
+  //   props,
+  //   sortField,
+  //   sortDirection,
+  //   locationSearch,
+  //   search: __CLIENT__ ? window.location.search : null,
+  //   parsed: __CLIENT__ ? qs.parse(getParams(window.location.search)) : null,
+  //   initialState,
+  // });
+
   return (
     <BasicSearchApp
       {...props}