Accessing previous state when updating state with Immer

[haveprogrskillissues]

Referencing to discussion #821 i have struggles with implementing this feature with store using Immer. How can i do the same?

const selectedBookingsModalSlice = (set) => ({
  open: false,
  data: [{ 1: true }, { 2: true }],
  setOpen: (open) =>
    set((state) => {
      state.selectedBookingsModal.open = open; //My regular function for setting state
    }),
  setData: (data) =>
    set((state) => {
      state.selectedBookingsModal.data = data;
    }),
})

const newBookingModalSlice = (set) => ({
  open: false,
  data: [],
  setOpen: (open) =>
    set((state) => {
      state.newBookingModal.open = open;
    }),
  setData: (fn) => {
      set((state) => { state.newBookingModal.data = fn(state.newBookingModal.data)} ) //But how to implement function that returns a previous state?
  },
});

const store = immer((...args) => ({
  selectedBookingsModal: selectedBookingsModalSlice(...args),
  newBookingModal: newBookingModalSlice(...args),
}));

[dbritto-dev]

@haveprogrskillissues https://zustand.docs.pmnd.rs/apis/create-store#updating-state-based-on-previous-state

[haveprogrskillissues]

Rewrote the function as documentation follows:

  setData: (fn) =>
    set((state) => {
      state.newBookingModal.data = typeof fn === 'function' ? fn(state.newBookingModal.data) : fn
    }),