react-query adapter for remix

gistfile1.txt

import { QueryClient } from "@tanstack/react-query";
import { CacheAdapter, createCacheAdapter } from "remix-client-cache";

export const queryClient = new QueryClient({
  defaultOptions: {
    queries: {
      staleTime: 1000 * 60 * 5,
    },
  },
});

class ReactQueryAdapter implements CacheAdapter {
  async getItem(key: string) {
    return queryClient.getQueryData([key]);
  }

  async setItem(key: string, value: string) {
    return queryClient.setQueryData([key], value);
  }

  async removeItem(key: string) {
    return queryClient.removeQueries({
      queryKey: [key],
    });
  }
}

const { adapter } = createCacheAdapter(() => new ReactQueryAdapter());

export const reactQueryAdapter = adapter;