Quiero anular la paginación predeterminada en Material-Table para que se vea diferente, pero mantengo los mismos elementos predeterminados allí. Mi anulación me permite moverme entre las páginas de la tabla, pero no puedo cambiar cuántas filas aparecen en la tabla. Tampoco puedo saltar a la última ni a la primera página. Quiero mantener exactamente las mismas opciones que hay de forma predeterminada, pero cambiar su apariencia.

Todas mis importaciones de iconos, cuadrículas, tipografías, etc. son @material-ui/core/ o @material-ui/icons/

 function IntakeList() { const CustomPaginationComponent = (props) => { const { page, rowsPerPage, count, onChangePage } = props; let from = rowsPerPage * page + 1; let to = rowsPerPage * (page + 1); if (to > count) { to = count; } return ( <td> <Grid container alignItems="center" style={{ paddingTop: 8 }}> <Grid item> <IconButton disabled={page === 0} onClick={(e) => onChangePage(e, page - 1)}> <SkipPreviousIcon fontSize="small" color={page === 0 ? "disabled" : "primary"} /> <Typography>Prev</Typography> </IconButton> </Grid> <Grid item> <Typography variant="caption" style={{ color: "black" }}> {from}-{to} of {count} </Typography> </Grid> <Grid item> <IconButton disabled={to >= count} onClick={(e) => onChangePage(e, page + 1)}> <Typography>Next</Typography> <SkipNextIcon fontSize="small" color={to < count ? "primary" : "disabled"} /> </IconButton> </Grid> </Grid> </td> ); }; return ( <MaterialTable title="Title" data={data} columns={columns} options={{ pageSize: 10, pageSizeOptions: [10, 15, 25, 50, 100], }} components={{ Pagination: (props) => { return <CustomPaginationComponent {...props} />; }, }} /> ); }