Google Place Autocomplete API - Select First Suggestion on Enter

locationSearch.js

import React, { Component } from 'react';

export default class LocationSearch extends Component { 
  componentDidMount() {
    const input = document.getElementById("location");
    const options = { types: [ "(regions)" ] };
    this.locationSearch = new google.maps.places.Autocomplete(input, options);
    this.locationSearch.addListener("place_changed", this.handleLocationSearch);
  }

  render() {
    return <input type="text" id="location" placeholder="Location (Brooklyn, NY, USA)" />
  }
    
  handleLocationSearch = () => {
    const location = this.locationSearch.getPlace();
    let locationObj = { city: [], state: [], country: [] };

    if (location.address_components) {
      locationObj = parseGooglePlaces(location);
      this.props.dispatch(addLocationFilter(locationObj));
      return;
    } 
    
    const autocompleteService = new google.maps.places.AutocompleteService();
    autocompleteService.getPlacePredictions({
      input: location.name,
      types: [ "(regions)" ]
    }, (predictions, status) => {
      if (status == google.maps.places.PlacesServiceStatus.OK) {
        const placesService = new google.maps.places.PlacesService(document.createElement('div'));
        placesService.getDetails({
          placeId: predictions[0].place_id
        }, (place, status) => {
          if (status == google.maps.places.PlacesServiceStatus.OK) {
            locationObj = parseGooglePlaces(place);
            this.props.dispatch(addLocationFilter(locationObj));
          }
        });
      }
    });
  }
}