Fix search query autocomplete lagging behind (#10381)

src/components/Autocomplete/useAutocomplete/index.ts

@@ -1,4 +1,4 @@
-import {useCallback} from 'react'
+import {useCallback, useMemo} from 'react'
 import {moderateProfile, type ModerationOpts} from '@atproto/api'
 import {keepPreviousData, useQuery} from '@tanstack/react-query'
 
@@ -90,6 +90,20 @@ export function useAutocomplete({
           }
         }
 
+        return results
+      },
+      [q, moderationOpts],
+    ),
+    placeholderData: keepPreviousData,
+  })
+
+  const items = useMemo(() => {
+    if (!query.data) {
+      return []
+    }
+
+    const results = [...query.data]
+
     if (showSearchFallback && q) {
       results.unshift({
         key: `search-${q}`,
@@ -99,15 +113,11 @@ export function useAutocomplete({
     }
 
     return results
-      },
+  }, [query.data, showSearchFallback, q])
-      [q, showSearchFallback, moderationOpts],
-    ),
-    placeholderData: keepPreviousData,
-  })
 
   return {
     query: q,
-    items: query.data || [],
+    items,
   }
 }