Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

[Dúvida] Erros TypeScript

Professor, boa tarde!

Estou acompanhando passo a passo, porem desde a primeira alteração varios erros aparecem na tela, conseguem me auxiliar?

alterando o User ok ele passa mas as divs, Input e h1 apresentam varios erros em todo o documento.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Oi, Thiago!

Os erros parecem não estar relacionados ao TypeScript em si, mas sim a um problema de sintaxe no arquivo JSX/TSX. Quando há um erro antes do return, o TypeScript costuma marcar praticamente todas as tags (div, h1, Input, etc.) como inválidas, gerando vários erros em sequência.

Na captura, alguns pontos chamam a atenção:

  • A mensagem "Identificador esperado" e "'>' esperado" indica que existe algum erro de sintaxe antes das tags HTML.
  • O texto dentro do <h1> parece estar quebrado ou sem a estrutura esperada. Verifique se ele está corretamente aberto e fechado:
    <h1 className="...">
    Esse é o perfil que aparece para responsáveis ou ONGs que recebem sua mensagem.
    </h1>
  • Confira também se o componente <Input /> está sendo utilizado corretamente e se todos os atributos estão dentro da tag.
  • O aviso "'handleUpdateUser' é declarado, mas seu valor nunca é lido." é apenas um aviso do TypeScript e não impede a compilação.

Como esse tipo de erro é causado por um pequeno detalhe de sintaxe, compare o arquivo src/pages/Profile/index.tsx com o código disponibilizado pelo professor ou compartilhe o conteúdo completo desse arquivo no tópico. Assim, será possível identificar exatamente onde está o primeiro erro, que provavelmente está causando todos os demais.