React Reducer

action-types.ts

export enum ActionType {
  CreateSomething,
  UpdateSomething,
  DeleteSomething,
  RetrieveSomething
}

types.ts

import { Dispatch } from "react";

type Something = { name: string; };

export type State = {
  somethings: Something[];
};

export type CreateSomething = {
  type: ActionType.CreateSomething;
  payload: {
    name: string;
  };
};

export type UpdateSomething = {
  type: ActionType.UpdateSomething;
  payload: {
    id: string;
    name: string;
  };
};

export type DeleteSomething = {
  type: ActionType.DeleteSomething;
  payload: {
    id: string;
  };
};

export type RetrieveSomething = {
  type: ActionType.RetrieveSomething;
  payload: {
    id: string;
  };
};

type ReducerActions = CreateSomething | UpdateSomething | DeleteSomething |  RetrieveSomething;

export type Dispatcher = Dispatch<ReducerActions>;