Doesn't work on web

[MiguelNiblock]

This issue #37 has some suggestions for fixing it on web, but they haven't been implemented, or confirmed to work.

Currently when I use it on web, I get this:

(Meanwhile it works perfectly fine in mobile)

Unhandled Rejection (TypeError): Failed to fetch
Function.<anonymous>
/home/user/Documents/Files/Computer_Science/Projects/farmGen_GrownBy/lib/services/Google.service.ts:126
  123 |   query.strictBounds ? '&strictbounds' : ''
  124 | }`;
  125 | 
> 126 | const res = await fetch(url);
      | ^  127 | 
  128 | if (!res.ok) {
  129 |   throw new Error(res.statusText);
View compiled
▶ 5 stack frames were collapsed.
GoogleAutoComplete.<anonymous>
/home/user/Documents/Files/Computer_Science/Projects/farmGen_GrownBy/lib/GoogleAutocomplete.tsx:160
  157 | };
  158 | 
  159 | try {
> 160 |   const results = await GoogleService._search(term, searchOpts);
      | ^  161 | 
  162 |   this.setState({
  163 |     locationResults: results.predictions,
View compiled
▶ 4 stack frames were collapsed.
GoogleAutoComplete.<anonymous>
/home/user/Documents/Files/Computer_Science/Projects/farmGen_GrownBy/lib/GoogleAutocomplete.tsx:144
  141 | /**
  142 |  * Search to google automplete service
  143 |  */
> 144 | private _search = debounce(async (term: string) => {
      | ^  145 |   if (this._isMounted) {
  146 |     this.setState({ isSearching: true });
  147 | 
View compiled
▶ 3 stack frames were collapsed.
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.  Click the 'X' or hit ESC to dismiss this message.