Migration Guide

// Before (React Query)
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
// After (SoulCache)
import { SoulCacheProvider } from '@soulcache/react';

// Before (React Query)
import { useQuery } from '@tanstack/react-query';
 
// After (SoulCache)
import { useQuery } from '@soulcache/react';

// Before (React Query)
const { data } = useQuery({
  queryKey: ['users'],
  queryFn: fetchUsers,
  staleTime: 5 * 60 * 1000,
  retry: 3,
});
 
// After (SoulCache) — configure via QueryClient
const client = new QueryClient({
  defaultOptions: {
    staleTime: 5 * 60 * 1000,
    retry: 3,
  },
});
 
const { data } = useQuery({
  queryKey: ['users'],
  queryFn: fetchUsers,
});

// Before (SWR)
import useSWR from 'swr';
 
// After (SoulCache)
import { useQuery } from '@soulcache/react';

// Before (SWR)
const { data } = useSWR('/api/users', fetcher);
 
// After (SoulCache)
const { data } = useQuery({
  queryKey: ['users'],
  queryFn: () => fetch('/api/users').then(r => r.json()),
});