Olá Victoria, tudo bem?
Obrigada por compartilhar sua dúvida conosco!
O professor pode ter utilizado o formato JS para criar os componentes por uma questão de preferência pessoal, ou até mesmo para mostrar que é possível criar componentes sem a utilização do JSX. No entanto, é importante lembrar que o JSX é uma extensão do JavaScript que permite escrever códigos mais legíveis e fáceis de entender, especialmente para quem está começando a aprender React.
O erro que você encontrou pode ter sido causado por algum erro de digitação ou falta de algum caractere especial no seu código. É importante verificar se o seu ambiente de desenvolvimento está configurado corretamente para trabalhar com arquivos JSX.
Espero ter ajudado a esclarecer sua dúvida! Se precisar de mais ajuda, é só falar.
Bons estudos!