devextreme-реактивный TableRowDetail с компонентом React

Question

Я хотел бы реализовать TableRowDetail от devexpress так, чтобы вместо запроса

const getDetail = ({ row }) => (
  <div>
    Details for{row.name}
  </div>
);

я хотел бы вернуть еще один React.Component;Например:

class PapersGrid extends PapersDataComponent {

  getRowId( row ) {
    return row.id;
  }

  getDetail( data ) {
    console.log( data );
    return(
      <div>
       <SomeotherComponent data={ data }/>
      </div>
    )
  }

  constructor( props ) {
    super(props);
    this.state.columns = [
      { name: 'type', title: 'Type' },
      { name: 'gene', title: 'Gene' },
      { name: 'native_source', title: 'Native Source' },
      { name: 'resolution', title: 'Resolution', getCellValue: row => ( row.imaging_conditions ? row.imaging_conditions.resolution : undefined ) },
    ]
  }

  render() {
    return(
      <div className="card">
        <Grid
          rows={this.state.papers}
          columns={this.state.columns}
          getRowId={this.getRowId} >
          <VirtualTable height="auto"/>
          <TableHeaderRow />
          <TableRowDetail contentComponent={ this.getDetail } />
        </Grid>
      </div>
    )
  }
}

возможно ли это?