Having difficulty with requestOptions

[NickStull]

From what I am understanding you can use requestOptions as a way to set parameters for the api call. Reading the Places docs it seems that I can restrict the search to a specific type. I would like ONLY specific addresses to be returned, meaning no establishments, just cities, etc. This would be done using types=address.

This is what I have in my autocomplete component:

} = usePlacesAutocomplete({ requestOptions: { types: "address" }, debounce: 300, });

This creates very unexpected results, for example if I type the number 3 in the box I get a list of results. If I type the number 8 I get zero results at all.

Is my code not correct here? or is there a bug somewhere?

Thank you a ton for the help.
@wellyshen

[NickStull]

I figured out a workaround, but this technically is still unanswered. There is something funky going on with the requestOptions. I tried a few different options from google docs and none of them seem to work, and there are not any examples of working options that I can find in the docs for the package, just "options go here". It very well could be my syntax is wrong, but I can't find anything to go on.

I basically built a workaround by then taking the geocode and rather than look for the lat/lon like in the example given, I grabbed the details, pulled out the address_components, and wrote a quick little algorithm to sort through and only allow the full addresses to used.

I'm leaving this up in the case that the owner of this repo or someone else comes by with an actual solution.

[ab1303]

I am facing the same issue
componentRestrictions: { country: "au", },

not working and showing predictions with countries all over the globe

[Zaimwa9]

did you fix @ab1303 ? Having the same issue i.e country not working

[ab1303]

Hi @Zaimwa9 ,
Its been sometime I worked on that project
This is how I set that up and its working for me.

const {
    init: initialiseGoogleMap,
    suggestions: { data },
    setValue: addressAutoCompleteSetValue,
  } = usePlacesAutocomplete({
    requestOptions: {
      componentRestrictions: {
        country: 'AU',
      },
    },
    initOnMount: false,
  });

  React.useEffect(() => {
    if (window.google && window.google.maps) initialiseGoogleMap();
  }, [initialiseGoogleMap]);

[raja-muhammad-asher]

Hi @Zaimwa9, This works perfectly fine. All you need to do is to empty your session storage. Here is the description on StackOverFlow

[paoloLigsay]

@raja-muhammad-asher Thanks, clearing cache definitely worked!