Phase 1 (partial): Enable fallback in critical query hooks

Updated the following files to use the fallback infrastructure:
- profile.ts: Changed imports, added fallback config to useProfileQuery, updated usePrefetchProfileQuery
- post.ts: Changed imports, added fallback config to usePostQuery, updated useGetPost() and useGetPosts()
- usePostThread/index.ts: Changed imports, added fallback config to thread query

Enables viewing profiles, posts, and threads from AppView-suspended users.

Author: afbase

src/state/queries/post.ts

@@ -1,6 +1,6 @@
 import {useCallback} from 'react'
 import {type AppBskyActorDefs, type AppBskyFeedDefs, AtUri} from '@atproto/api'
-import {useMutation, useQuery, useQueryClient} from '@tanstack/react-query'
+import {fetchQueryWithFallback, useMutation, useQuery, useQueryClient} from './useQueryWithFallback'
 
 import {useToggleMutationQueue} from '#/lib/hooks/useToggleMutationQueue'
 import {type LogEvents, toClout} from '#/lib/statsig/statsig'
@@ -37,6 +37,9 @@ export function usePostQuery(uri: string | undefined) {
       throw new Error('No data')
     },
     enabled: !!uri,
+    enableFallback: true,
+    fallbackType: 'post',
+    fallbackIdentifier: uri,
   })
 }
 
@@ -45,9 +48,9 @@ export function useGetPost() {
   const agent = useAgent()
   return useCallback(
     async ({uri}: {uri: string}) => {
-      return queryClient.fetchQuery({
+      return fetchQueryWithFallback(queryClient, {
         queryKey: RQKEY(uri || ''),
-        async queryFn() {
+        queryFn: async () => {
           const urip = new AtUri(uri)
 
           if (!urip.host.startsWith('did:')) {
@@ -67,6 +70,9 @@ export function useGetPost() {
 
           throw new Error('useGetPost: post not found')
         },
+        enableFallback: true,
+        fallbackType: 'post',
+        fallbackIdentifier: uri,
       })
     },
     [queryClient, agent],
@@ -78,9 +84,9 @@ export function useGetPosts() {
   const agent = useAgent()
   return useCallback(
     async ({uris}: {uris: string[]}) => {
-      return queryClient.fetchQuery({
+      return fetchQueryWithFallback(queryClient, {
         queryKey: RQKEY(uris.join(',') || ''),
-        async queryFn() {
+        queryFn: async () => {
           const res = await agent.getPosts({
             uris,
           })
@@ -91,6 +97,9 @@ export function useGetPosts() {
             throw new Error('useGetPosts failed')
           }
         },
+        enableFallback: true,
+        fallbackType: 'post',
+        fallbackIdentifier: uris[0], // Use first URI as identifier
       })
     },
     [queryClient, agent],

src/state/queries/profile.ts

@@ -11,11 +11,12 @@ import {
 } from '@atproto/api'
 import {
   keepPreviousData,
+  prefetchQueryWithFallback,
   type QueryClient,
   useMutation,
   useQuery,
   useQueryClient,
-} from '@tanstack/react-query'
+} from './useQueryWithFallback'
 
 import {uploadBlob} from '#/lib/api'
 import {until} from '#/lib/async/until'
@@ -83,6 +84,9 @@ export function useProfileQuery({
       return getUnstableProfile(did) as AppBskyActorDefs.ProfileViewDetailed
     },
     enabled: !!did,
+    enableFallback: true,
+    fallbackType: 'profile',
+    fallbackIdentifier: did,
   })
 }
 
@@ -110,13 +114,16 @@ export function usePrefetchProfileQuery() {
   const queryClient = useQueryClient()
   const prefetchProfileQuery = useCallback(
     async (did: string) => {
-      await queryClient.prefetchQuery({
+      await prefetchQueryWithFallback(queryClient, {
         staleTime: STALE.SECONDS.THIRTY,
         queryKey: RQKEY(did),
         queryFn: async () => {
           const res = await agent.getProfile({actor: did || ''})
           return res.data
         },
+        enableFallback: true,
+        fallbackType: 'profile',
+        fallbackIdentifier: did,
       })
     },
     [queryClient, agent],

src/state/queries/usePostThread/index.ts

@@ -1,5 +1,5 @@
 import {useCallback, useMemo, useState} from 'react'
-import {useQuery, useQueryClient} from '@tanstack/react-query'
+import {useQuery, useQueryClient} from '../useQueryWithFallback'
 
 import {isWeb} from '#/platform/detection'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
@@ -125,6 +125,9 @@ export function usePostThread({anchor}: {anchor?: string}) {
       }
       return data
     },
+    enableFallback: true,
+    fallbackType: 'thread',
+    fallbackIdentifier: anchor,
   })
 
   const thread = useMemo(() => query.data?.thread || [], [query.data?.thread])