Initialising queryCache

[prashanthacharyam]

I have a api call which gets me all the initial data ( like statues, dropdown values which rarely change ).
I can use queryCache.setQueryData(KEY, data) to initialise the cache.
But without a staleTime the query is called again if used in some other hook.
Is there a way to initialise the cache with staleTime?

[ryanmk54]

Stale time can be configured at the global and query level.

By default, query results become stale immediately after a successful fetch. This can be configured using the staleTime option at both the global and query-level.

You can either set it at the global level with queryConfigProvider or per query when you call useQuery

[ryanmk54]

You may be interested in this feature request
#451

[prashanthacharyam]

I was looking into something like queryCache.setQueryData(queryKey, updater, { staleTime: Infinity})

The internal code has it cache.setQueryData = (queryKey, updater, { exact, ...config } = {}), but not exposed outside i guess. Have not checked the source code.

[prashanthacharyam]

I now have a parent component which loads the data from the server. It passes the data to child component which calls the hooks and sets the initialData field.