Issue in understanding one of the examples in tanstack/query (playground example)

Hi all, I was playing with the example in the docs https://tanstack.com/query/latest/docs/framework/react/examples/playground
we are setting gcTime explicitly in the

React.useEffect(() => {
    queryClient.setDefaultOptions({
      queries: {
        staleTime,
        gcTime,
      },
    })
  }, [gcTime, staleTime])

React.useEffect(() => {
    queryClient.setDefaultOptions({
      queries: {
        staleTime,
        gcTime,
      },
    })
  }, [gcTime, staleTime])

React.useEffect(() => {
    queryClient.setDefaultOptions({
      queries: {
        staleTime,
        gcTime,
      },
    })
  }, [gcTime, staleTime])

React.useEffect(() => {
    queryClient.setDefaultOptions({
      queries: {
        staleTime,
        gcTime,
      },
    })
  }, [gcTime, staleTime])

for all the queries showing in the devTools, it seems gcTime is not taking effect, checked from devTools, its showing as default of 5 mins(ideally it should be what we have set from the textbox)
can someone help me figure this out why its not being set by the useEffect?

TanStack | High Quality Open-Source Software for Web Developers

Headless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components.

Issue in understanding one of the examples in tanstack/query (playground example)

Similar Threads

Similar Threads

Similar Threads