With Immer

import { produce } from 'immer';
 
const useTodoStore = createStore(({ set }) => ({
  todos: [
    { title: 'Learn JavaScript', done: true },
    { title: 'Try Immer', done: false },
  ],
 
  // Without immer
  toggleTodoWithoutImmer: (index) => {
    set(({ todos }) => {
      const nextTodos = todos.slice(); // Shallow clone the array
      nextTodos[index] = { ...nextTodos[index], done: !nextTodos[index].done };
      return { todos: nextTodos };
    });
  },
 
  // With immer
  toggleTodo: (index) => {
    set(
      produce(({ todos }) => {
        todos[index].done = !todos[index].done;
      })
    );
  },
}));