我找不到太多关于tanstack的GitHub问题、博客文章或YouTube视频的信息
作为故障排除步骤，我曾尝试使用react查询缓存的默认键记录来自datac-storage的结果，但没有任何结果返回，总是未定义的
我已经按照文档配置了一个mixc存储持久化器，但是在冷启动过程中似乎没有什么东西是持久化的。在下面的仅限客户端的缓存示例中，在其创建时，它存在，但如果硬盘退出多任务并重新打开，则该高速缓存数据未定义
下面是我的查询客户端配置：https://pastebin.com/wMdcHxsz

import { createAsyncStoragePersister } from '@tanstack/query-async-storage-persister'
import AsyncStorage from '@react-native-async-storage/async-storage';
import { MutationCache, QueryClient } from '@tanstack/react-query'
import { CrashReporting } from 'instabug-reactnative';
 
export const persister = createAsyncStoragePersister({
  storage: AsyncStorage,
  throttleTime: 500,
  key: "REACT_QUERY_OFFLINE_CACHE",
});
 
export const queryClient = new QueryClient({
  defaultOptions: {
    queries: {
      networkMode: 'online',
      staleTime: Infinity,
      cacheTime: Infinity, // 24 hours
      // staleTime: Infinity, // longer staleTimes result in queries not being re-fetched as often
      refetchOnReconnect: 'always',
      retry: 3,
      retryDelay: 3000,
      refetchOnWindowFocus: true,
      refetchOnMount: true
    },
    mutations: {
      cacheTime: Infinity,
    }
  },
  mutationCache: new MutationCache({
    onSuccess: (data) => {
      console.log('[ Mutation Cache Processed ]:', data)
    },
    onError: (error) => {
      console.log('[ Mutation Cache Error ]:', error)
      CrashReporting.reportError(error);
      throw error
    }
  })
});

下面是我的App.tsx（sans imports）：https://pastebin.com/WPkgWLMJ

function App(): JSX.Element {
  useEffect(() => {
    SplashScreen.hide();
 
    onlineManager.setEventListener((setOnline) => {
      return NetInfo.addEventListener((state) => {
        setOnline(!!state.isConnected);
      });
    });
  }, []);
 
  return (
    <ThemeProvider theme={theme}>
      <DevToolProvider>
        <QueryErrorResetBoundary>
          {({ reset }) => (
            <ErrorBoundary onReset={reset}>
              <PersistQueryClientProvider
                client={queryClient}
                persistOptions={{
                  persister,
                  maxAge: Infinity
                }}
                onSuccess={() => {
                  // resume mutations after initial restore from localStorage was successful
                  queryClient.resumePausedMutations().then(() => {
                    queryClient.invalidateQueries();
                  });
                }}>
                <NavigationContainer
                  ref={navigationRef}
                  fallback={
                    <View
                      style={{
                        justifyContent: 'center',
                        alignItems: 'center'
                      }}>
                      <ActivityIndicator animating={true} />
                    </View>
                  }>
                  <RootNavigator />
                </NavigationContainer>
                <ConnectionLostAlert />
                <EnvFlag />
              </PersistQueryClientProvider>
            </ErrorBoundary>
          )}
        </QueryErrorResetBoundary>
      </DevToolProvider>
    </ThemeProvider>
  );
}
 
export default CodePush(codepushConfig)(App);

以下是设置仅限客户端的查询缓存（没有API调用会重置此缓存）的示例：

import { useMutation, useQueryClient } from '@tanstack/react-query';
import { QueryKeys } from '../queries/queryKeys';
import { ProjectJob } from '../ProjectJobsService/types';

export default function useCreateMissingPhotos() {
  const queryClient = useQueryClient();

  queryClient.setMutationDefaults([QueryKeys.MissingPhotos], {
    mutationFn: async () => {} // This is a client-only cache, we don't want to do anything when network is restored
  });

  return useMutation({
    mutationKey: [QueryKeys.MissingPhotos],
    onMutate: async (data: ProjectJob) => {
      await queryClient.cancelQueries([QueryKeys.MissingPhotos]);

      const previousState = queryClient.getQueryData([QueryKeys.MissingPhotos]);

      queryClient.setQueryData(
        [QueryKeys.MissingPhotos],
        (old: ProjectJob[] | undefined) => (old ? [...old, data] : [data])
      );

      return { previousState };
    },
    onError: (err, newState, context) => {
      queryClient.setQueryData(
        [QueryKeys.MissingPhotos],
        context?.previousState
      );
    },
    onSettled: (data, error, newState) => {
      queryClient.invalidateQueries({
        queryKey: [QueryKeys.MissingPhotos]
      });
    }
  });
}

不知道这里出了什么问题，任何建议将不胜感激