JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script>
<link rel="stylesheet" href="https://www.google.com/cse/style/look/default.css">
    <input id="Destination" tabindex="1" class="txt_box" type="text" />
</br></br>
Later Dynamically generated 
  <input  tabindex="1" class="myClass" type="text" />
  <input  tabindex="1" class="myClass" type="text" />

JavaScript

getPlace();
getPlace_dynamic();
         function getPlace() {
             var defaultBounds = new google.maps.LatLngBounds(
             new google.maps.LatLng(-33.8902, 151.1759),
             new google.maps.LatLng(-33.8474, 151.2631));
              var input = document.getElementById('Destination');
            // var input = document.getElementsByClassName('destination');
             var options = {
                 bounds: defaultBounds,
                 types: ['establishment']
             };
             autocomplete = new google.maps.places.Autocomplete(input, options);
         }

 function getPlace_dynamic() {
             var defaultBounds = new google.maps.LatLngBounds(
             new google.maps.LatLng(-33.8902, 151.1759),
             new google.maps.LatLng(-33.8474, 151.2631));
            
             var input = document.getElementsByClassName('myClass');
             var options = {
                 bounds: defaultBounds,
                 types: ['establishment']
             };
             autocomplete = new google.maps.places.Autocomplete(input, options);
         }