React TypeScript useRef Type Definitions

react-typescript-useref-type-definitions.tsx

// It's important to pass NULL as the default value to useRef Hook since React.useRef can only be NULL or an Element Object.

// <div> reference type
const divRef = React.useRef<HTMLDivElement>(null);

// <button> reference type
const buttonRef = React.useRef<HTMLButtonElement>(null);

// <br /> reference type
const brRef = React.useRef<HTMLBRElement>(null);

// <a> reference type
const linkRef = React.useRef<HTMLLinkElement>(null);