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}
...

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),