Tengo este render() en mi aplicación React :

 render() { return ( this.props.docs.map(doc => { const {collectionTitle} = this.props; const dateFormatted = moment(docRow.docDate, 'DDMMYYYY').format('Do MMMM YYYY'); if (doc.name === 'Cert' && !this.consentGiven(this.props.policy, doc=.url)) { return ( <tr key={doc.url} className="document-row-disabled document-disabled"> <td className="document-cell document-cell--name">{doc.name}</td> <td className="document-cell document-cell--data"> <span>{dateFormatted}</span> <span className="PDF-text">PDF</span> </td> </tr> ); } else { return ( <tr key={doc.url} className="document-row" onClick={this.onClickOfDoc(collectionTitle, doc)}> <td className="document-cell document-cell--name">{doc.name}</td> <td className="document-cell document-cell--data"> <span>{dateFormatted}</span> <span className="PDF-text">PDF</span> </td> </tr> ); } }, <tr>{this.renderButton()}</tr>) ); }

Ejecutar la aplicación me da este error:

(145,7): los argumentos no están alineados

La línea en cuestión es }, <tr>{this.renderButton()}</tr>)

En mi tslint.json tengo esta regla:

 "align": [ true, "parameters", "arguments", "statements" ],

¿De qué manera debe alinearse mi código?