When building the project with vite the GMapAutocomplete doesn't work

[jeffbruchado]

This is my code in a default Form:

<template>
   <GMapAutocomplete
            v-if="hasAutoComplete"
            @place_changed="setPlace"
            ref="gmapAutoCompleteRef"
          >
            <template #input="slotProps">
              <v-text-field
                color="primary"
                ref="input"
                v-model="newAddress.streetAddress1"
                v-bind="slotProps"
                label="Address Line 1"
                placeholder="Street Address 1"
                :rules="[requiredRule]"
              ></v-text-field>
            </template>
          </GMapAutocomplete>
</template>

Running the project locally the autocompletion works fine, but when I build for production, the autocompletion doesn't work.

This is the autocompletion working locally:

When I build the project and access the application in the browser, the autocompletion doesn't work:

In the console I'm receiving the following error:

Already checked the api keys, and its all loaded correctly, not sure why is this happening.

Someone already encountered a problem like that?

[NathanAP]

Hello! Sorry for the delay on my answer.

I'm not sure, but maybe this problem is related to this line or this one. I'm almost sure its related to the first one because both are related to the same variable.

If thats the case, we need to identify whats causing it ): Do you see something else in your error log?