I have this render() in my React application:

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>)
  );
}

Running the app gives me this error:

(145,7): arguments are not aligned

The line in question is }, <tr>{this.renderButton()}</tr>)

In my tslint.json I have this rule:

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

What way should my code line up?