fix: improve TanStack Query client setup and fix queryKey bug (#32422)

This commit is contained in:
yyh
2026-03-01 16:32:42 +08:00
committed by GitHub
parent 00e52796e6
commit 6a3db151a8
4 changed files with 5 additions and 7 deletions

View File

@ -1,7 +1,7 @@
import { QueryClient } from '@tanstack/react-query'
import { cache } from 'react'
const STALE_TIME = 1000 * 60 * 30 // 30 minutes
const STALE_TIME = 1000 * 60 * 5 // 5 minutes
export function makeQueryClient() {
return new QueryClient({

View File

@ -1,9 +1,7 @@
'use client'
import type { QueryClient } from '@tanstack/react-query'
import type { FC, PropsWithChildren } from 'react'
import { QueryClientProvider } from '@tanstack/react-query'
import { useState } from 'react'
import { TanStackDevtoolsLoader } from '@/app/components/devtools/tanstack/loader'
import { isServer } from '@/utils/client'
import { makeQueryClient } from './query-client-server'
@ -19,8 +17,8 @@ function getQueryClient() {
return browserQueryClient
}
export const TanstackQueryInitializer: FC<PropsWithChildren> = ({ children }) => {
const [queryClient] = useState(getQueryClient)
export const TanstackQueryInitializer = ({ children }: { children: React.ReactNode }) => {
const queryClient = getQueryClient()
return (
<QueryClientProvider client={queryClient}>
{children}