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.
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!