import React, { Component } from 'react'
import GooglePlacesSuggest from 'react-google-places-suggest'

export default class MyComponent extends Component {
  state = {
    search: '',
    selectedCoordinate: null,
  }

  handleSearchChange = (e) => {
    this.setState({ search: e.target.value })
  }

  handleSelectSuggest = (suggestName, coordinate) => {
    this.setState({ search: suggestName, selectedCoordinate: coordinate })
  }

  render() {
    const { search } = this.state

    return (
      <GooglePlacesSuggest onSelectSuggest={ this.handleSelectSuggest } search={ search } apiKey={ YOUR_GOOGLE_API_KEY } >
        <input
          type="text"
          value={ search }
          placeholder="Search a location"
          onChange={ this.handleSearchChange }
        />
      </GooglePlacesSuggest>
    )
  }
}

npm run clean

npm run build

npm run watch

npm run lint