fica dando esse "ERRO" mas a minha linha de código esta exatamente igual ao do curso, ja mudei de tudo e continua a mesma coisa.
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!
fica dando esse "ERRO" mas a minha linha de código esta exatamente igual ao do curso, ja mudei de tudo e continua a mesma coisa.
Fala! Relaxa que esse aí não é um erro do seu código — é o editor apanhando pra entender JSX.
O que tá acontecendo: o tokenizer do editor (pode ser o Tabnine, o próprio syntax highlighter do VS Code, ou alguma extensão) tá tentando interpretar o => da arrow function como se fosse parte da sintaxe HTML. Ele espera um > ou /> pra fechar a tag e se confunde quando encontra => setNome... ali no meio.
Mas o seu código tá correto:
aoAlterado={valor => setNome(valor)}
Isso é JSX válido. Tudo que tá dentro das chaves {} é JavaScript puro, e o React entende isso sem problema nenhum. Se o projeto compila e roda, tá certo — ponto final.
Algumas coisas que você pode tentar pra esse aviso sumir:
aoAlterado={(valor) => setNome(valor)}
Se mesmo assim continuar aparecendo, compartilha o repositório aqui que a gente dá uma olhada no projeto completo. Às vezes é uma configuração do tsconfig, do ESLint ou do próprio VS Code que resolve tudo.
Mas o ponto principal é: isso é um falso positivo do editor, não do React. Seu código tá funcionando certinho!