Restrict bounds in use-places-autocomplete

Question

I am trying to restrict the bounds in use-places-autocomplete as below

  requestOptions: {
      types: ["geocode"],
      fields: [
        "name",
        "address_components",
        "geometry.location",
        "place_id",
        "formatted_address",
      ],
      
      bounds: window.google.maps.LatLngBounds(bounds?.n, bounds?.w),
      componentRestrictions: {
        country: "ke",
      },

      initOnMount: true,
      cache: false,
    },

only this does not work. The bounds are gotten from geocode api and set as below

setBounds({
      n: results[0].geometry.bounds.getNorthEast(), 
      w: results[0].geometry.bounds.getSouthWest()
    })

is there something I am doing wrong

Answer 1

The request options of Google Maps Places API except for input (e.g. bounds, radius, etc.).|

This is from use-places-autocomplete readme file. It says 'input' (e.g. bounds, radius, etc.) is not supported which means you cannot use 'bounds' with use-places-autocomplete

Answer 2

To restrict Place Autocomplete results to the given bounds, try using strictBounds to the requestOptions. At least that's how it works in the Google Maps JavaScript API.