state.tsx

import { create } from "zustand";

interface LoadState {
  [key: string]: boolean;
}

interface States {
  states: LoadState;
}

interface Actions {
  setState: (key: string, value: boolean) => void;
  resetState: () => void;
}

export const useGlobalActionStore = create<States & Actions>((set) => ({
  states: {},
  setState: (key: string, value: boolean) =>
    set((state) => {
      const newStates = { ...state.states };
      if (value) {
        newStates[key] = value;
      } else {
        delete newStates[key];
      }
      return { states: newStates };
    }),
  resetState: () => set({ states: {} }),
}));

// other comm .tsx
const AvailabilityModalState = "modal_avail_state"
const { states, setState } = useGlobalActionStore();
setState(AvailabilityModalState, true)