Is there a way to set expiry time when using persist?

[SeongwoonHong]

I'm using the persist middleware to store data to localStorage. I'd like to purge the what's in localStorage every 5 minutes. how would I do that?
Thank you!

[AnatoleLucet]

The useStore.persist.clearStorage() option might help you, but it does not restore the zustand state to its default values.

In case you do want to restore the default values, you could do something like the following:

import create from "zustand"
import { persist } from "zustand/middleware"

const defaultState = {
  foo: "bar"
}

export const useStore = create(persist(
  (set) => ({
    ...defaultState,
    reset: () => {
      useStore.persist.clearStorage();
      set(defaultState);
    }
  }),
  {
    ...
  }
))

// then somewhere in your app
const myStore = useStore()

useEffect(() => {
  const intervalId = setInterval(() => {
    myStore.reset()
  }, 1000 * 60 * 5);

  return () => {
    clearInterval(intervalId)
  }
}, [])

[SeongwoonHong]

thank you! but where does useStore.persist come from? it's using useStore before it is defined

[AnatoleLucet]

You need to use Zustand v3.6.3 or higher

[bozzhik]

What about the fact that I need to clear the vault in an hour? most likely, the user will no longer be on the site, so useEffect will not work. what should be done in this case?

[dai-shi]

You could add expiration property and check it when using. Either with custom storage or as state property.