Disable caching alltogether

[boneus]

Hello!

I'm wondering if it's possible to disable caching globaly?
I thought that the queryOptions.gcTime option set to 0 will help but it doesn't.
I'm looking for a way to temporary disable any caching done by the library.

[posva]

it's staleTime: 0 that you want

[boneus]

It didn't help :(
Maybe I'm missing something...

I have a page /event/[id] and a query on it

const { data, isLoading } = useQuery({
  key: () => ['event', props.id],
  query: () => getEventDetails(props.id),
});

In main.js:

app.use(PiniaColada, {
  queryOptions: {
    staleTime: 0,
  },
});

The library version is 0.17.6

The second time the page opened the data is filled with the previously fetched stuff.
I'm looking for a way to make the data undefined (like the first visit) every time a query is triggered. For every query in my project. Is it possible?

[posva]

Maybe it’s possible but it completely defeats the purpose 😅

[boneus]

Yes))) But still, I wonder)

[posva]

You can do it with a plugin that resets the data and error on every fetch (or another action, depending on your use case). The code should look like this:

app.use(PiniaColada, {
  queryOptions: {
    staleTime: 0,
    gcTime: 0
  },
  plugins: [
    ({ queryCache }) => {
      queryCache.$onAction(({ name, args }) => {
        if (name === 'fetch') {
          const [entry] = args
          queryCache.setEntryState(entry, { status: 'pending', data: null, error: null })
        }
      })
    },
  ],
} satisfies PiniaColadaOptions)

But then, there is simply no point in having a cache