type fixes for React 18

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

plugins/search-react/src/components/SearchFilter/SearchFilter.Autocomplete.test.tsx

@@ -29,7 +29,7 @@ const SearchContextFilterSpy = ({ name }: { name: string }) => {
   const value = filters[name];
   return (
     <span data-testid={`${name}-filter-spy`}>
-      {Array.isArray(value) ? value.join(',') : value}
+      {Array.isArray(value) ? value.join(',') : value?.toString()}
     </span>
   );
 };

plugins/search-react/src/components/SearchResultGroup/SearchResultGroup.tsx

@@ -193,7 +193,7 @@ export const SearchResultGroupTextFilterField = (
         contentEditable
         suppressContentEditableWarning
       >
-        {value}
+        {value?.toString()}
       </Typography>
     </SearchResultGroupFilterFieldLayout>
   );
@@ -377,7 +377,7 @@ export function SearchResultGroupLayout<FilterOption>(
     filterOptions,
     renderFilterOption = filterOption => (
       <MenuItem key={String(filterOption)} value={String(filterOption)}>
-        {filterOption}
+        {String(filterOption)}
       </MenuItem>
     ),
     filterFields,