No se pueden representar las filas de una tabla en componentes funcionales, los objetos no son válidos como un hijo de React.

Error no capturado: Los objetos no son válidos como hijos de React

Aquí está mi componente Row:

function IssueRow(props) {
const issue = props.issue;
return (
<tr>
<td>{issue.id}</td>
<td>{issue.status}</td>
<td>{issue.owner}</td>
<td>{issue.created}</td>
<td>{issue.effort}</td>
<td>{issue.due}</td>
<td>{issue.title}</td>
</tr>
)
};


Aquí está mi componente Table:

function IssueTable(props) {
const issueRows = props.issues.map(issue => (
<IssueRow key={issue.id} issue={issue} />
))
return (
<table className="bordered-table">
<thead>
<tr>
<td>ID</td>
<td>Estado</td>
<td>Propietario</td>
<td>Creado</td>
<td>Esfuerzo</td>
<td>Fecha límite</td>
<td>Título</td>
</tr>
</thead>
<tbody>
{issueRows}
</tbody>
</table>
)
};

Mi componente Table se está representando desde un componente TableList con estas propiedades:

this.state = {
issues: [
{ id: 1, status: 'Nuevo', owner: 'Ravan', effort: 5, created: new Date('2018-08-15'), due: undefined, title: 'Error en la consola al hacer clic en Agregar' },
{ id: 2, status: 'Asignado', owner: 'Eddie', effort: 14, created: new Date('2018-08-16'), due: new Date('2018-08-30'), title: 'Falta el borde inferior en el panel' }
]
}
.
.
.
render() {
return (
<React.Fragment>
<h1>Seguimiento de incidencias</h1>
<IssueFilter />
<hr />
<IssueTable issues={this.state.issues} />
<hr />
<IssueAdd createIssue={this.createIssue} />
</React.Fragment>
)
}


No puedo entender, por qué estoy recibiendo este mensaje de error. ¿Es posible que sea debido a algún error de compilación? No estoy utilizando npx create-react-app y configuré el entorno yo mismo.