fix: autocomplete: use state for params, options to work with useMemo

if the objects are passed to useMemo as dependencies directly the
internal equality check fails, which defeats the purpose of useMemo as
it recalculates the client on every render. That then also generates a
new search & debounced search function, which breaks the debouncing.

Author: mxlje

src/autocomplete/autocomplete.js

@@ -28,13 +28,18 @@ export default ({
   const [isLoading, setIsLoading] = useState(false)
   const inputRef = useRef()
 
+  // setting params & options as state so they can be passed to useMemo as dependencies,
+  // which doesn’t work if they’re just objects as the internal comparison fails
+  const [apiParams, setApiParams] = useState(params)
+  const [apiOptions, setApiOptions] = useState(options)
+
   // Geocode Earth Autocomplete Client
   const autocomplete = useMemo(() => {
     return createAutocomplete(apiKey, params, {
       ...options,
       client: `ge-autocomplete${typeof VERSION !== 'undefined' ? `-${VERSION}` : ''}`
     })
-  }, [apiKey, params, options])
+  }, [apiKey, apiParams, apiOptions])
 
   // search queries the autocomplete API
   const search = useCallback(text => {