Zustand with immer and persist

zustand-immer-persist.ts

import create, { StateCreator } from "zustand"
import { persist } from "zustand/middleware"
import { immer } from "zustand/middleware/immer"
// Custom persist storage
import { zustandStorage } from "@app/services/zustand"

export interface Entry {
  sourceId: string
  quantity: number
  unitPrice: number
}

export interface Store {
  cart: Record<string, Entry>
  // ...
}

const ZST_CART_KEY = "zst-cart"

const initializer: StateCreator<
  Store,
  [["zustand/persist", unknown], ["zustand/immer", never]],
  [],
  Store
> = (set, get) => ({
  cart: {},
  // ...
})

export const createCartStore = persist(immer(initializer), {
  name: ZST_CART_KEY,
  // Or AsynStorage for React Native
  getStorage: () => zustandStorage,
})

export const useCartStore = create<Store>()(createCartStore)