How to deserialize dates with createAsyncStoragePersister?

I am using Indexed DB to persist the cache. I have an issue where

dayjs

dayjs

objects are stored in the cache, and when I reload the page, it breaks because those objects are returned as strings. I have been researching and found that

createAsyncStoragePersister

createAsyncStoragePersister

has

serialize

serialize

and

deserialize

deserialize

properties to customize this. I also saw that using a library like

superjson

superjson

is recommended to achieve this.

However, I haven’t found any code examples showing how to implement it. Any ideas? I would appreciate a small code example on how to implement this in

createAsyncStoragePersister

createAsyncStoragePersister

.

This is my persister

import { del, get, set } from 'idb-keyval'

const persister = createAsyncStoragePersister({
    storage: {
        setItem: async (key, value) => set(key, value),
        removeItem: async (key) => del(key),
        getItem: async (key) => get(key),
    },
})

import { del, get, set } from 'idb-keyval'

const persister = createAsyncStoragePersister({
    storage: {
        setItem: async (key, value) => set(key, value),
        removeItem: async (key) => del(key),
        getItem: async (key) => get(key),
    },
})

TanStack•14mo ago•

4 replies

yielding-jade

How to deserialize dates with createAsyncStoragePersister?

I am using Indexed DB to persist the cache. I have an issue where

dayjs

dayjs

objects are stored in the cache, and when I reload the page, it breaks because those objects are returned as strings. I have been researching and found that

createAsyncStoragePersister

createAsyncStoragePersister

has

serialize

serialize

and

deserialize

deserialize

properties to customize this. I also saw that using a library like

superjson

superjson

is recommended to achieve this.

However, I haven’t found any code examples showing how to implement it. Any ideas? I would appreciate a small code example on how to implement this in

createAsyncStoragePersister

createAsyncStoragePersister

.

This is my persister

import { del, get, set } from 'idb-keyval'

const persister = createAsyncStoragePersister({
    storage: {
        setItem: async (key, value) => set(key, value),
        removeItem: async (key) => del(key),
        getItem: async (key) => get(key),
    },
})

import { del, get, set } from 'idb-keyval'

const persister = createAsyncStoragePersister({
    storage: {
        setItem: async (key, value) => set(key, value),
        removeItem: async (key) => del(key),
        getItem: async (key) => get(key),
    },
})

How to deserialize dates with createAsyncStoragePersister?

Similar Threads

How to deserialize dates with createAsyncStoragePersister?

Similar Threads

Similar Threads

Similar Threads