How to use Google Place APIs

[dangquang1020]

I am adding an address autocomplete using Google place api.

Here is my source code:

import {
  Client,
  PlaceAutocompleteType,
} from '@googlemaps/google-maps-services-js';

export const getPredictionsPlaces = async (address: string, key: string) => {
  if (!address || !key) {
    return [];
  }
  const client: Client = new Client({});
  const places = await client.placeAutocomplete({
    params: {
      key,
      input: address,
      types: PlaceAutocompleteType.establishment,
    },
  });
  const result = places.data.predictions;
  return result;
};

But when I run it always throw an error: ReferenceError: exports is not defined

Is there another way I can make a call to Google place api and get the predictions?

[sparkida]

@dangquang1020 are you running this in a loader or using it client side?