Filter out invalid items in IdWcaSearch

Author: gregorbg

app/webpacker/components/Posts/PostsWidget.jsx

@@ -8,6 +8,8 @@ import { postsUrl } from '../../lib/requests/routes.js.erb';
 import Loading from '../Requests/Loading';
 import Errored from '../Requests/Errored';
 import { formattedTextForDate } from '../../lib/utils/wca';
+import {IdWcaSearch} from "../SearchWidget/WcaSearch";
+import SEARCH_MODELS from "../SearchWidget/SearchModel";
 
 function PostTitlesList({
   posts,
@@ -121,7 +123,10 @@ function PostsWidget({
       {!loading && data && (
         <div className="posts-widget">
           {titleOnly ? (
-            <PostTitlesList posts={data.posts} />
+            <>
+              <IdWcaSearch id="foo-search" model={SEARCH_MODELS.competition} value={["FooComp", "BazComp"]} />
+              <PostTitlesList posts={data.posts} />
+            </>
           ) : (
             <>
               <PostsList posts={data.posts} />

app/webpacker/components/SearchWidget/WcaSearch.jsx

@@ -74,7 +74,8 @@ export function IdWcaSearch({
     }),
   }, WCA_SEARCH_QUERY_CLIENT);
 
-  const valueOptions = multiple ? fetchedOptions : fetchedOptions[0];
+  const filteredOptions = fetchedOptions.filter(Boolean);
+  const valueOptions = multiple ? filteredOptions : filteredOptions[0];
 
   const onChangeIdOnly = useCallback((evt, data) => {
     const { value: apiValues } = data;