Eu não sei se houve alguma atualização desde a postagem dessa aula, mas não consegui inserir a propriedade children como na vídeo aula, então tive que fazer as seguintes alterações:
interface IProps{
children: React.ReactChild;
}e na classe:
class Botao extends React.Component<IProps>{Feito isso funcionou redondo!
hoje, com a Alura e o Google Gemini
Salve Victor, tudo bem?
Eu tive o mesmo problema que você, pelo que vi parece ser consequência de uma mudança da versão 18 do React. A solução que eu dei foi baseada nesse artigo. Assim como você ele declrara a Prop children só que invés de usar o tipo "React.ReactChild", ele usa "React.ReactNode". M eu código ficou assim:
import React, { Children } from "react";
import style from './Botao.module.scss'
class Botao extends React.Component <{children: React.ReactNode}> {
render() {
return (
<button className={style.botao} >
{this.props.children}
</button>
)
}
}
export default Botao;