InvalidValueError: not an instance of HTMLInputElement ionic 4

Ionic Framework
1

want to use the ionic input with google map but it gives me an error :

InvalidValueError: not an instance of HTMLInputElement

Here’s the code :

HTML:

<ion-item>
  <ion-label position="floating">Destination</ion-label>
  <ion-input #autoCompleteInputDestination formControlName="destination"></ion-input>
</ion-item>

ts file :

@ViewChild('autoCompleteInputDestination', {static: true}) inputNativeElementd: any;
// distination
const autocomplete2 = new google.maps.places.Autocomplete(this.inputNativeElementd.nativeElement as HTMLInputElement);
autocomplete2.addListener('place_changed', () => {
    //some code
 }

Any suggestions for this problem?