gwilliamnn Posts - Answer Overflow

gwilliamnn

Explore posts from servers

TtRPC TTCTheo's Typesafe Cult DTDrizzle Team

•Created by gwilliamnn on 10/24/2023 in #questions

How can I use a localStorage persister?

I wanna add a localStorage persister, but I'm getting errors for hydration:

const persister = createSyncStoragePersister({
  storage: window.localStorage,
  throttleTime: 1000,
  retry: removeOldestQuery,
  serialize: data => JSON.stringify(data),
  deserialize: data => JSON.parse(data) as PersistedClient
})

...
return (
    <PersistQueryClientProvider
      client={queryClient}
      persistOptions={{ persister }}
    >
      <apiClient.Provider client={trpcClient} queryClient={queryClient}>
        {props.children}
...

const persister = createSyncStoragePersister({
  storage: window.localStorage,
  throttleTime: 1000,
  retry: removeOldestQuery,
  serialize: data => JSON.stringify(data),
  deserialize: data => JSON.parse(data) as PersistedClient
})

...
return (
    <PersistQueryClientProvider
      client={queryClient}
      persistOptions={{ persister }}
    >
      <apiClient.Provider client={trpcClient} queryClient={queryClient}>
        {props.children}
...

ERROR:

const persister = createSyncStoragePersister({
> 59 |     storage: window.localStorage,
     |             ^
  60 |     throttleTime: 1000,
  61 |     retry: removeOldestQuery,
  62 |     serialize: data => JSON.stringify(data),

const persister = createSyncStoragePersister({
> 59 |     storage: window.localStorage,
     |             ^
  60 |     throttleTime: 1000,
  61 |     retry: removeOldestQuery,
  62 |     serialize: data => JSON.stringify(data),

9 replies

TTCTheo's Typesafe Cult

•Created by gwilliamnn on 10/17/2023 in #questions

New App Router is not working!

The new t3 for App Router is not working, I just installed and pnpm dev and not works!

10 replies

Gaming

Programming