Focus an input on mount

tsx

const inputRef = useRef<HTMLInputElement | null>(null);
useEffect(() => {
  inputRef.current?.focus();
}, []);

Explanation

Simple and common autofocus pattern.

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 UI Recipes

Update state on an interval with cleanup.

Open In sheettsxsame section

Initialize from props, then manage locally.

Open In sheettsxsame section

Use a ref plus ResizeObserver.

Open In sheettsxsame section

Periodically refresh data until unmount.

Open In sheettsx2 tag match

Apply urgent optimistic state and schedule reconciliation.

Open In sheettsx2 tag match