TanStack•4y ago•

24 replies

exclusive-coral

Persistence: how to call save only when `data` is updated?

I'm using

persistQueryClient

persistQueryClient

function to restore, subscribe and save query cache to async storage.
What I noticed in the sources is that

persistQueryClientSubscribe

persistQueryClientSubscribe

subscribes to all changes in query cache and calls

persistQueryClientSave

persistQueryClientSave

in callback:

queryClient
    .getQueryCache()
    .subscribe(() => {
      persistQueryClientSave(props)
    })

queryClient
    .getQueryCache()
    .subscribe(() => {
      persistQueryClientSave(props)
    })

It means that

persistQueryClientSave

persistQueryClientSave

is called every time when e.g. query status change or new

useQuery

useQuery

hook is mounted on new screen. Basically in my app

persistQueryClientSave

persistQueryClientSave

is called a lot and even with throttling enabled it still feels that sometimes it is called unnecessarily.

Please correct me if I'm wrong with this example:
I have query with query key

["users"]

["users"]

and I have

useQuery

useQuery

hooks for this key mounted both in screen A and screen B. They both have

staleTime

staleTime

set to 1 hour.
Screen A is mounted and it fetches data successfully. Then I go to screen B where data is not refetched because it's still fresh. So the data is still exactly the same but

persistQueryClientSave

persistQueryClientSave

is called because subscriber is triggered by

observerAdded

observerAdded

observerOptionsUpdated

observerOptionsUpdated

events.

So my question is - is it possible to call

persistQueryClientSave

persistQueryClientSave

only if

data

data

in any query is updated? Maybe there is a way to subscribe only for

data

data

changes? Or maybe I'm missing something and it works like that for a reason?
I was also thinking about calling

persistQueryClientSave

persistQueryClientSave

onSuccess

onSuccess

callback in default options. Although I don't really like this solution because it will break if

onSuccess

onSuccess

is overwritten and it also is called multiple times if more

useQuery

useQuery

hooks are mounted for single query.

Thanks for any help and suggestions here

TanStack•4y ago•

24 replies

exclusive-coral

Persistence: how to call save only when `data` is updated?

I'm using

persistQueryClient

persistQueryClient

function to restore, subscribe and save query cache to async storage.
What I noticed in the sources is that

persistQueryClientSubscribe

persistQueryClientSubscribe

subscribes to all changes in query cache and calls

persistQueryClientSave

persistQueryClientSave

in callback:

queryClient
    .getQueryCache()
    .subscribe(() => {
      persistQueryClientSave(props)
    })

queryClient
    .getQueryCache()
    .subscribe(() => {
      persistQueryClientSave(props)
    })

It means that

persistQueryClientSave

persistQueryClientSave

is called every time when e.g. query status change or new

useQuery

useQuery

hook is mounted on new screen. Basically in my app

persistQueryClientSave

persistQueryClientSave

is called a lot and even with throttling enabled it still feels that sometimes it is called unnecessarily.

Please correct me if I'm wrong with this example:
I have query with query key

["users"]

["users"]

and I have

useQuery

useQuery

hooks for this key mounted both in screen A and screen B. They both have

staleTime

staleTime

set to 1 hour.
Screen A is mounted and it fetches data successfully. Then I go to screen B where data is not refetched because it's still fresh. So the data is still exactly the same but

persistQueryClientSave

persistQueryClientSave

is called because subscriber is triggered by

observerAdded

observerAdded

observerOptionsUpdated

observerOptionsUpdated

events.

So my question is - is it possible to call

persistQueryClientSave

persistQueryClientSave

only if

data

data

in any query is updated? Maybe there is a way to subscribe only for

data

data

changes? Or maybe I'm missing something and it works like that for a reason?
I was also thinking about calling

persistQueryClientSave

persistQueryClientSave

onSuccess

onSuccess

callback in default options. Although I don't really like this solution because it will break if

onSuccess

onSuccess

is overwritten and it also is called multiple times if more

useQuery

useQuery

hooks are mounted for single query.

Thanks for any help and suggestions here

Persistence: how to call save only when `data` is updated?

Similar Threads

Persistence: how to call save only when `data` is updated?

Similar Threads

Similar Threads

Similar Threads