createWebStoragePersistor on React-Query v3 | TanStack | Page 1

lone oyster Mar 7, 2023, 1:42 PM

#

Hi everyone, I was wondering if i could get some help regarding using WebStorage Persitance in React query v3.

The idea is we have multiple modules in using RQ, but i want to only persist in cache a subset of calls starting with the following key /module/.

How could i do this ?

lapis dock Mar 7, 2023, 1:43 PM

#

persister accepts dehydrateOptions, which allows to filter queries that should be stored

lone oyster Mar 7, 2023, 1:45 PM

#

COuld you maybe help me write that code down ?

lapis dock Mar 7, 2023, 1:49 PM

#

let's do the following please: consult the docs and the typescript types, and then post the code you have and I'll see if it checks out

lone oyster Mar 7, 2023, 1:49 PM

#

Sure thing !

#

How about like this ?

#

Or is it better with the Hash Startwith

lapis dock Mar 7, 2023, 2:00 PM

#

yeah you can do both. does it work?

#

just fyi, the persisters got a lot better in v4 😅

lone oyster Mar 7, 2023, 2:02 PM

#

I know, I am stuck with v3 on this project unfortunately... Thanks for the help though 🙂

#

I will test now

lone oyster Mar 7, 2023, 2:27 PM

#

It works !

#createWebStoragePersistor on React-Query v3