Tintef/react-google-places-autocomplete

Error: [react-google-places-autocomplete]: Google script not loaded

Arsenalist opened this issue · 4 comments

Arsenalist commented

Using NextJS 13.

in component

return <>
        <Script id={"google-places"} strategy={"beforeInteractive"} src={`https://maps.googleapis.com/maps/api/js?key=mykey&libraries=places`} />
                            <GooglePlacesAutocomplete />

But getting this on page load.

Error: [react-google-places-autocomplete]: Google script not loaded

aarav-classiebit commented

I'm too facing this issue any fix or workaround??

yuzhakovvv commented

Any updates? 👀

Arsenalist commented

Ended up using the apiKey parameter:

import GooglePlacesAutocomplete from "react-google-places-autocomplete";

...

        <GooglePlacesAutocomplete
            selectProps={{
                name,
                value,
                onChange: setMyValue,
                classNames: {
                    input: () => "w-full text-base sm:text-sm",
                }
            }}
            autocompletionRequest={{
                componentRestrictions: {
                    country: ['ca'],
                }
            }}
        apiKey={process.env.NEXT_PUBLIC_GOOGLE_PLACES_API_KEY} />
  • 👍3