zustand persist boiler template

persistStore.ts

import { create } from "zustand";
import { createJSONStorage, devtools, persist } from "zustand/middleware";
import { immer } from "zustand/middleware/immer";

type State = {
  lastAccessTime: number;
};

type Actions = {
  setLastAccessTime: (timestamp: number) => void;
  reset: () => void;
};

const initialState: State = {
  lastAccessTime: 0,
};

export const usePersistStore = create<State & Actions>()(
  devtools(
    persist(
      immer((set) => ({
        ...initialState,
        reset: () => set(initialState, false, "reset"),
        setLastAccessTime: (timestamp) =>
          set(
            (state) => {
              state.lastAccessTime = timestamp;
            },
            false,
            "setLastAccessTime",
          ),
      })),
      {
        name: "persistStore",
        storage: createJSONStorage(() => localStorage),
      },
    ),
    { name: "persistStore" },
  ),
);