Previously, to enable the 'Detail row' feature a user had to use only the 'TableRowDetail' plugin. But, this plugin mixed up the rendering and state managing functionality. Now, there are two particular plugins. The first one is the 'RowDetailState' plugin. It's responsible for a state managing. The second one is the 'TableRowDetail' plugin. It only renders a detail row.
The following code:
<TableRowDetail
expandedRows={expandedRows}
onExpandedRowsChange={onExpandedRowsChange}
template={({ row }) =>
<GridDetailContainer
data={row}
columns={detailColumns}
/>
}
/>
should be replaced with:
<RowDetailState
expandedRows={expandedRows}
onExpandedRowsChange={onExpandedRowsChange}
/>
<TableRowDetail
template={({ row }) =>
<GridDetailContainer
data={row}
columns={detailColumns}
/>
}
/>