Avatar ·

Como usar corretamente useRef e createRef no React com TypeScript: tipagem de refs

Olá a todos! Sou novo em React e TypeScript, e estou tendo um problema com o uso de refs. Estou tentando acessar um elemento DOM (por exemplo, um campo de input) através do useRef, mas o TypeScript fica gerando erros de tipo.\n\nAqui está meu código:\n\n```typescript\nimport React, { useRef, useEffect } from 'react';\n\nconst MyComponent: React.FC = () => {\n const inputRef = useRef(null); // Erro: Argument of type 'null' is not assignable to parameter of type 'HTMLInputElement'\n\n useEffect(() => {\n inputRef.current?.focus(); // Erro: Property 'focus' does not exist on type 'never'\n }, []);\n\n return ;\n};\n```\n\nTentei diferentes variações, mas o TypeScript reclama tanto da inicialização `useRef(null)` quanto da tentativa de chamar `focus()`. Tentei usar