Specify the element type for refs.

Section: TypeScript with State and Refs

Type a DOM ref

tsx
tsx
const inputRef = useRef<HTMLInputElement | null>(null);
Explanation

Typing refs correctly improves DOM API autocomplete and safety.

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 with State and Refs
Generic useState type
Annotate nullable or union state explicitly.
OpenIn sheettsxsame section
Discriminated union reducer actions
Type reducer actions cleanly with a union.
OpenIn sheettsxsame section
Typed tuple return
Return readonly tuples for hooks that act like useState.
OpenIn sheettsx3 tag match
Generic async hook result type
Type reusable async hook data generically.
OpenIn sheettsx3 tag match