Explicit id for label helper
explicit-id-for-label-helper
Explicit `id` for label + helper association — input linked to label and helper (`for` / `aria-describedby`). Until hydration, a TextField without an explicit `id` will not have associated labels.
Description
A Text Field needs an explicit `id` so the label can use `for` and the helper can use `aria-describedby`. Until hydration, a TextField without an explicit id will not have associated labels, so name and help stay disconnected for assistive tech. Fail when missing id leaves label and helper unassociated, including pre-hydration. Always set the id when wiring label and helper associations on MUI Text Field.
When to use
Wiring MUI Text Field label and helper text associations.
Not when
Not for unlabeled decorative inputs that are not meant to be named fields.
Agent hint
Set an explicit id; link label with for and helper with aria-describedby.
TextField has an explicit `id`; label uses `for`; helper is `aria-describedby`.
No explicit `id`, so label/helper are not associated (including pre-hydration).
Citations
MUI — Text Field
https://mui.com/material-ui/react-text-field/