React Query

// _app.tsx import { HydrationBoundary, QueryClient, QueryClientProvider, } from '@tanstack/react-query' export default function MyApp({ Component, pageProps }) { const [queryClient] = useState( () => new QueryClient({ defaultOptions: { queries: { // 보통 SSR에서는 staleTime을 0 이상으로 해줌으로써 // 클라이언트 사이드에서 바로 다시 데이터를 refetch 하는 것을 피한다. staleTime: 60 * 1000, }, }, }) ); return ( ) } // pages/posts.jsx im..