Tengo esto:

 interface State { backgroundColor: boolean; isLoading: boolean; errorOccured: boolean; acknowledgment: string; } export class GoodIntention extends React.Component<Props, State> { ... onClickOfAgreement = (policy: string) => () => { this.setState({backgroundColor: true}); ... } render() { return( ... <table className={'checkbox-table ' + this.state.backgroundColor}> <label> <input className="checkbox-round" type="checkbox" onClick={this.onClickOfAgreement(policy)}/> &nbsp;&nbsp; Agree and access my certificate and disc </label> </table> ... }

Cuando ejecuto mi aplicación, el navegador da este error:

TypeError: no se pueden leer las propiedades de nulo (leyendo 'backgroundColor')

en línea <table className={'checkbox-table ' + this.state.backgroundColor}> .

Agregué la interfaz de State para resolver una Property 'backgroundColor' does not exist on type 'Readonly<{}>' basado en esto . Aunque parece que me falta algo. ¿Alguien puede aconsejar qué es eso?