Page hangs due to performance issue when carbon datatable mounts the row nodes that count is lager than 40,000

[fly-fan]

I use the 2 embedded carbon10 datatable (https://react.carbondesignsystem.com/?path=/story/datatable--with-batch-expansion) to build a tree datatable to mount a large of row node(the count is larger than 40,000), the page is hang due to performance issue.
My usage for carbon datatable in my code is as follows:

    **<DataTable**  //the first level datatable 
      rows={level1rows}
      headers={level1headers}
      render={({ rows, headers, getRowProps, getTableProps }) => (
        <TableContainer>
          <Table {...getTableProps()}>
            <TableBody>
              {rows.map(row => (
                <React.Fragment key={row.id}>
                  <TableExpandRow {...getRowProps({ row })}>
                    {row.cells.map(cell => (
                      <TableCell key={cell.id}>
                        {cell.info.header === 'checkbox' && (
                          <Checkbox
                            id={row.id}
                            indeterminate={isRowIndeterminate(row.id)}
                            onChange={onRowClick(row.id)}
                            checked={todoClick(row.id)}
                          />
                        )}
                        {cell.value}
                      </TableCell>
                    ))}
                  </TableExpandRow>
                  {row.isExpanded && (
                    <TableExpandedRow colSpan={headers.length + 1}>
                         **<DataTable**   //the 2nd level datatable
                              rows={level2rows}
                              headers={level2headers}
                              render={({ rows, headers, getRowProps, getTableProps }) => (
                                 <TableContainer>
                                    <Table {...getTableProps()}>
                                        <TableBody>
                                              {rows.map(row => (
                                                      <React.Fragment key={row.id}>
                                                             <TableRow {...getRowProps({ row })}>
                                                                  {row.cells.map(cell => (
                                                                     <TableCell key={cell.id}>
                                                                           {cell.info.header === 'checkbox' && (
                                                                                    <Checkbox
                                                                                       id={level2rowid}
                                                                                       indeterminate={false}
                                                                                        onChange={todoClick(checked)}
                                                                                         defaultCheck
                                                                                     />
                                                                          )}
                                                                                    {cell.value}
                                                                     </TableCell>
                                                                    ))}
                                                             </TableRow>
                                                       </React.Fragment>
                                                      ))}
                                           </TableBody>
                                    </Table>
                          </TableContainer>
                           )}
                          />
                    </TableExpandedRow>
                  )}
                </React.Fragment>
              ))}
            </TableBody>
          </Table>
        </TableContainer>
      )}
    />

The 'level1rows' has just one row, but the second level 'level2rows' has the more than 40,000 rows, and the first column in both level are checkbox.
When mount and render these 40,000 row nodes in my page, the page hangs due to performance for so many row nodes mount and render.