TanStack•4y ago•

21 replies

exclusive-coral

setQueryData and structuralSharing

Hey! I have a question about structural sharing behavior when calling

setQueryData

setQueryData

manually.
I have a query which I want to be updated only manually by

setQueryData

setQueryData

, so I set

staleTime

staleTime

and

cacheTime

cacheTime

Infinity

Infinity

.
I also set

structuralSharing

structuralSharing

false

false

, so my component always react to

data

data

changes after manual

setQueryData

setQueryData

call, even if updated data is exactly the same as previous one.

The thing is that it doesn't. If new data is new object (made by spread operator), but is deeply equal to old data,

data

data

property returned from this query still has the same reference and it doesn't trigger

useEffect(..., [data])

useEffect(..., [data])

.
I also tried to use

structuralSharing

structuralSharing

as the function, so I check if it's called properly. But it never gets called.
However, if I change any property inside my data when calling

setQueryData

setQueryData

data

data

from query has new reference and all works as expected.

I really would like to understand how

setQueryData

setQueryData

and

structuralSharing

structuralSharing

works together under the hood. I have pretty big object under this query key and I would like to make sure then structural sharing is really disabled and

replaceEqualDeep

replaceEqualDeep

never gets called for this query.

And btw thanks for this incredible library

TanStack•4y ago•

21 replies

exclusive-coral

setQueryData and structuralSharing

Hey! I have a question about structural sharing behavior when calling

setQueryData

setQueryData

manually.
I have a query which I want to be updated only manually by

setQueryData

setQueryData

, so I set

staleTime

staleTime

and

cacheTime

cacheTime

Infinity

Infinity

.
I also set

structuralSharing

structuralSharing

false

false

, so my component always react to

data

data

changes after manual

setQueryData

setQueryData

call, even if updated data is exactly the same as previous one.

The thing is that it doesn't. If new data is new object (made by spread operator), but is deeply equal to old data,

data

data

property returned from this query still has the same reference and it doesn't trigger

useEffect(..., [data])

useEffect(..., [data])

.
I also tried to use

structuralSharing

structuralSharing

as the function, so I check if it's called properly. But it never gets called.
However, if I change any property inside my data when calling

setQueryData

setQueryData

data

data

from query has new reference and all works as expected.

I really would like to understand how

setQueryData

setQueryData

and

structuralSharing

structuralSharing

works together under the hood. I have pretty big object under this query key and I would like to make sure then structural sharing is really disabled and

replaceEqualDeep

replaceEqualDeep

never gets called for this query.

And btw thanks for this incredible library

setQueryData and structuralSharing

Similar Threads

setQueryData and structuralSharing

Similar Threads

Similar Threads

Similar Threads