zustand boiler template

globalStore.ts

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

type State = {
  isDarkMode: boolean;
};

type Actions = {
  toggleDarkMode: () => void;
  reset: () => void;
};

const initialState: State = {
  isDarkMode: false,
};

export const useGlobalStore = create<State & Actions>()(
  devtools(
    immer((set) => ({
      ...initialState,
      reset: () => set(initialState, false, "reset"),
      toggleDarkMode: () =>
        set(
          (state) => {
            state.isDarkMode = !state.isDarkMode;
          },
          false,
          "toggleDarkMode",
        ),
    })),
    { name: "globalStore" },
  ),
);