React Hooks with TypeScript/Generic async hook result type

Type reusable async hook data generically.

Section: TypeScript Custom Hooks

Generic async hook result type

tsx
tsx
type AsyncResult<T> = {
  data: T | null;
  error: Error | null;
  loading: boolean;
};
Explanation

A reusable result type keeps async hook contracts consistent.

Learn the surrounding workflow

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

Related commands

Same sheet · prioritizing TypeScript Custom Hooks
Typed tuple return
Return readonly tuples for hooks that act like useState.
OpenIn sheettsxsame section
Generic useState type
Annotate nullable or union state explicitly.
OpenIn sheettsx3 tag match
Type a DOM ref
Specify the element type for refs.
OpenIn sheettsx3 tag match
Discriminated union reducer actions
Type reducer actions cleanly with a union.
OpenIn sheettsx3 tag match