<DataGridPro
  columns={columns}
  rows={rows}
  initialState={{
    pinnedColumns: {
      left: [GRID_DETAIL_PANEL_TOGGLE_FIELD],
    },
  }}
  getDetailPanelHeight={getDetailPanelHeight}
  getDetailPanelContent={getDetailPanelContent}
  sx={{
    '& .MuiDataGrid-detailPanel': {
      overflow: 'visible',
    },
  }}
/>