No React 18 para resolver esse problema do children devemos receber ele como parametro juntamente com o texto.
class Botao extends React.Component<{ children: React.ReactNode; texto: string; }> { }
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!
No React 18 para resolver esse problema do children devemos receber ele como parametro juntamente com o texto.
class Botao extends React.Component<{ children: React.ReactNode; texto: string; }> { }
Oi Lucas, tudo bem?
Muito obrigada por compartilhar com a gente essa sugestão!
Sinta-se sempre livre para compartilhar dicas e sugestões aqui no fórum.
Um abraço e bons estudos.
Olá Lucas. Acredito que todos que utilizem React 18+ para fazer o curso estão tendo este problema. Fiz igual o seu método e realmente funcionou. Mas pessoalmente criando uma interface achei mais "legivel".
interface IProps { children: React.ReactNode; };
class Button extends React.Component {...}