Fix mute words in trending (#7293)

src/state/queries/trending/useTrendingTopics.ts

@@ -9,6 +9,11 @@ import {useAgent} from '#/state/session'
 
 export type TrendingTopic = AppBskyUnspeccedDefs.TrendingTopic
 
+type Response = {
+  topics: TrendingTopic[]
+  suggested: TrendingTopic[]
+}
+
 export const DEFAULT_LIMIT = 14
 
 export const trendingTopicsQueryKey = ['trending-topics']
@@ -20,7 +25,7 @@ export function useTrendingTopics() {
     return preferences?.moderationPrefs?.mutedWords || []
   }, [preferences?.moderationPrefs])
 
-  return useQuery({
+  return useQuery<Response>({
     refetchOnWindowFocus: true,
     staleTime: STALE.MINUTES.THREE,
     queryKey: trendingTopicsQueryKey,
@@ -28,16 +33,21 @@ export function useTrendingTopics() {
       const {data} = await agent.api.app.bsky.unspecced.getTrendingTopics({
         limit: DEFAULT_LIMIT,
       })
-
-      const {topics, suggested} = data
       return {
-        topics: topics.filter(t => {
+        topics: data.topics ?? [],
+        suggested: data.suggested ?? [],
+      }
+    },
+    select: React.useCallback(
+      (data: Response) => {
+        return {
+          topics: data.topics.filter(t => {
             return !hasMutedWord({
               mutedWords,
               text: t.topic + ' ' + t.displayName + ' ' + t.description,
             })
           }),
-        suggested: suggested.filter(t => {
+          suggested: data.suggested.filter(t => {
             return !hasMutedWord({
               mutedWords,
               text: t.topic + ' ' + t.displayName + ' ' + t.description,
@@ -45,5 +55,7 @@ export function useTrendingTopics() {
           }),
         }
       },
+      [mutedWords],
+    ),
   })
 }