Google maps API was not found in the page.

[ctjlewis]

Google maps API was not found in the page.

[ctjlewis]

I tried this as a sanity check, still get the same error and a dead text input:

<script src={`https://maps.googleapis.com/maps/api/js?key=${PLACES_API_KEY}&libraries=places`}></script>
<Geosuggest
  className={css.geosuggest}
  ref={dropdownRef}
  placeholder="City or ZIP Code"
  autoComplete="off"
  inputClassName={css.input}
  suggestsClassName={css.inputSuggestions}
  suggestItemClassName={css.inputSuggestion}
  onSuggestSelect={handleSelect}
/>

I am highly confident this is not a library bug, but maybe some kind of Webpack interop issue or something dumb I'm missing. Hoping someone else will have advice.

[ctjlewis]

Worked around with:

vercel/next.js#11012 (comment)