Olá,
Tive um problema ao fazer uso {this.props.children}
na classe do componente do Button.tsx. Consegui solucionar o problema inferindo o tipo para a propriedade filho do props. Como no index.tsx do formulário o filho do componente do Button é uma string (Adicionar) coloquei esse o tipo dessa propriedade lá no componente do Button.tsx .
Portanto ficou dessa forma:
import React from "react";
import buttonStyle from './Button.module.scss';
class Button extends React.Component <{ children: string }> {
render() {
return (
<button className={buttonStyle.botao}>
{this.props.children}
</button>
)
}
}
export default Button;