Solucionado
Bom dia, eu estou com esse erro no meu console, vi que outra pessoa estava com o mesmo erro, mas eu segui a instruções de trocar o colchetes por parênteses que resolvia, mas o meu não funcionou, aqui vai o código do GitHub:
https://github.com/PedroPassos081/freelando/blob/master/src/components/Tipografia/index.jsx
Salve, Pedro!
O seu erro não está do lado componente Tipografia, mas sim no App.js onde você consome ele:
<Tipografia variante='h1' componente='h1'>
freelando
</Tipografia>
<Tipografia variante='body' component='body'>
Crie seu perfil gratuitamente para começar a trabalhar com os melhores freelancers. Em seguida, você poderá dar mais detalhes sobre suas demandas e sobre sua forma de trabalho.
</Tipografia>
Nessa linha:
<Tipografia variante='body' component='body'>
Tem um erro de digitação, component deveria ser componente, com E no final (da mesma que forma que vc fez no h1).
Na prática, dentro de tipografia, o JavaScript tenta fazer assim:
const tag = componentes[undefined]
E por isso você tem o erro: tag is not a function ;)
Obrigadão Vinicios, deu tudo certinho agora, você não sabe o quanto quebrei a cabeça com isso, jurando que o problema estava do lado componente Tipografia, gosto muito do seu conteúdo Vinicios, um dos melhores instrutores, abraço :)