🆔
Hooks
useId
Gera IDs únicos e estáveis entre SSR e client — evita hydration mismatch em IDs.
Definição
useId é um hook do React 18 que retorna um ID único e estável para o componente. O ID é o mesmo no server e no client, evitando hydration mismatch. Usado para conectar inputs com labels, ARIA attributes, e outros casos onde IDs são necessários.
🔴 Problema
Math.random() ou Date.now() geram IDs diferentes entre server e client → hydration mismatch. Counter manual quebra com Concurrent Mode.
✅ Solução
useId gera IDs determinísticos baseados na posição na árvore React. Mesmo ID em server e client. Imune a Concurrent Mode.
💡 Dica Senior
NÃO use useId para keys de listas — use IDs do dado real. useId é para conectar elementos relacionados (label-input, ARIA).
Perguntas de Entrevista
🔗 Termos do dicionário
31/48