refactor: migrate trpc to the new react query integration mode (#2438)

* refactor: migrate trpc to the new react query integration mode

* more fixes

* more migrations

* upgrade trpc client

1 files changed, 8 insertions, 4 deletions

diff --git a/apps/web/components/dashboard/search/useSearchAutocomplete.ts b/apps/web/components/dashboard/search/useSearchAutocomplete.ts
index 7ddfa39a..380a79b6 100644
--- a/apps/web/components/dashboard/search/useSearchAutocomplete.ts
+++ b/apps/web/components/dashboard/search/useSearchAutocomplete.ts
@@ -2,7 +2,8 @@ import type translation from "@/lib/i18n/locales/en/translation.json";
 import type { TFunction } from "i18next";
 import type { LucideIcon } from "lucide-react";
 import { useCallback, useMemo } from "react";
-import { api } from "@/lib/trpc";
+import { useTRPC } from "@/lib/trpc";
+import { useQuery } from "@tanstack/react-query";
 import {
   History,
   ListTree,
@@ -293,6 +294,7 @@ const useTagSuggestions = (
 const useFeedSuggestions = (
   parsed: ParsedSearchState,
 ): AutocompleteSuggestionItem[] => {
+  const api = useTRPC();
   const shouldSuggestFeeds =
     parsed.normalizedTokenWithoutMinus.startsWith("feed:");
   const feedSearchTermRaw = shouldSuggestFeeds
@@ -300,9 +302,11 @@ const useFeedSuggestions = (
     : "";
   const feedSearchTerm = stripSurroundingQuotes(feedSearchTermRaw);
   const normalizedFeedSearchTerm = feedSearchTerm.toLowerCase();
-  const { data: feedResults } = api.feeds.list.useQuery(undefined, {
-    enabled: parsed.activeToken.length > 0,
-  });
+  const { data: feedResults } = useQuery(
+    api.feeds.list.queryOptions(undefined, {
+      enabled: parsed.activeToken.length > 0,
+    }),
+  );
 
   const feedSuggestions = useMemo<AutocompleteSuggestionItem[]>(() => {
     if (!shouldSuggestFeeds) {