feat(throttle): use throttle instead of debounce

package.json

@@ -11,9 +11,9 @@
   "dependencies": {
     "@geocodeearth/core-js": "^0.0.7",
     "downshift": "6.1.3",
-    "lodash.debounce": "^4.0.8",
     "lodash.escape": "^4.0.1",
     "lodash.template": "^4.5.0",
+    "lodash.throttle": "^4.1.1",
     "lodash.unescape": "^4.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

src/autocomplete/autocomplete.js

@@ -1,12 +1,17 @@
 import React, { useState, useMemo, useCallback, useRef, useEffect } from 'react'
 import { useCombobox } from 'downshift'
 import { createAutocomplete } from '@geocodeearth/core-js'
-import debounce from 'lodash.debounce'
+import throttle from 'lodash.throttle'
 import css from './autocomplete.css'
 import strings from '../strings'
 import { LocationMarker, Loading, Search as SearchIcon } from '../icons'
 import escape from '../escape'
 
+const throttleOptions = {
+  leading: false,
+  trailing: true
+}
+
 const emptyResults = {
   text: '',
   features: []
@@ -60,7 +65,7 @@ export default ({
   }, [autocomplete])
 
   const debouncedSearch = useCallback(
-    debounce(search, debounceWait, { trailing: true }),
+    throttle(search, debounceWait, throttleOptions),
     [search]
    )