Discriminated union reducer actions

tsx

type Action =
  | { type: 'increment' }
  | { type: 'decrement' }
  | { type: 'reset'; payload: number };

Explanation

Discriminated unions give exhaustive reducer switch safety.

Learn the surrounding workflow

Compare similar commands or jump into common fixes when this command is part of a bigger troubleshooting path.

Same sheet · prioritizing TypeScript with State and Refs

Annotate nullable or union state explicitly.

Open In sheettsxsame section

Specify the element type for refs.

Open In sheettsxsame section

Return readonly tuples for hooks that act like useState.

Open In sheettsx3 tag match

Type reusable async hook data generically.

Open In sheettsx3 tag match