Set default value while using getalgoliafacets.

[Danishkhurshid]

I am using getalgoliafacets to create an autocomplete of facet values. I want to set a default value based on the url param for the search box on initial page load. i have tried using initialState but it's not working as exaplained in the documentation.

<Autocomplete
                 openOnFocus={true}
                 placeholder="Postal code" 
                 getSources={({ query }: any) => {
                   return [
                   {
                     sourceId: "postalcode",
                     initialState: {
                       // This uses the `search` query parameter as the initial query
                       query:  "07631" // 07631 is a facet present in the list
                     },
                     getItems({ query }: any) {
                       return getAlgoliaFacets({
                         searchClient,
                         queries: [
                           {
                             indexName: "profiles",
                             facet: "locations.postal_code",
                             params: {
                               facetQuery: query,
                               maxFacetHits: 4,
                             },
                           },
                         ]
                       });
                     },
                     templates: {
                       item({ item, components }: any) {
                         return (
                           <div className="z-10">
                             <components.Highlight
                               hit={item}
                               attribute="label"
                             />
                           </div>
                         );
                       },
                     },
                     onSelect(params: any) {
                       console.log(params)
                       const { item, setQuery } = params;
                       postalCode = item.label;
                       setQuery(item.label);
                     },
                   },
                 ]}}
               />