Solucionado
Se foi dito na aula eu não reparei, mas despois de quebrar muito a cabeça tentando encontrar o erro, descobri que foi porque eu estava escrevendo nomeando os componentes com camelCase, e a primeira letra precisa ser maíuscula, eu achava que nomes os nomes apenas seguiam convensões e não que obedeciam a regras case sensitive.
Oi Geraldo, tudo bem?
No React, é realmente importante seguir algumas regrinhas para o funcionamento correto dos componentes.
No caso específico dos nomes dos componentes, eles devem começar com letra maiúscula. Isso porque o React diferencia entre componentes e elementos HTML nativos com base na capitalização. Por exemplo, <div> é um elemento HTML, enquanto <PaginaDeLogin> é um componente React. Se você nomear um componente com camelCase, como <paginaDeLogin>, o React vai tratá-lo como uma tag HTML desconhecida e não como um componente, o que pode causar erros ou comportamentos inesperados.
Um abraço e bons estudos.