Setting an initial bounding box using useGeoSearch doesn't send the param with the query

[wesleyjanse]

Hey, We use the useGeoSearch hook for our store search in our checkout. we don't have a "visual" map, we geocode the data latlng via the places api from google.

I want to set an initial bounding area on the InstantSearch provider but I cant get it to work. For demo purposes it is a hardcoded box.

 return (
    <InstantSearch
      key={'deliveryPOS'}
      defaultIndex={searchIndex}
      hitsPerPage={80}
      routing={false}
    >
      <Configure
        insideBoundingBox={
          '51.57669815663153, 5.902265934708194, 50.941511742502904, 4.887169758534659'
        }
      />
      <StorePickupDeliveryMethodSearch deliveryModeCode={deliveryModeCode} />
    </InstantSearch>
  );

Any idea on how to get this working?

[Haroenv]

You want to use initialUiState for that initialUiState={{ geoSearch: { boundingBox: '51.57669815663153, 5.902265934708194, 50.941511742502904, 4.887169758534659'}} as geo search connector controls that parameter

[wesleyjanse]

Do you know if there are any docs documentation all the uiState options?

[Haroenv]

there's this doc: https://www.algolia.com/doc/api-reference/widgets/ui-state/react/