Estoy usando "mui-datatables": "^4.2.2", "@mui/material": "^5.6.1", traté de personalizar el estilo de esta manera:

Personalizar estilo documento oficial

 // MUI DATATABLES import MUIDataTable from "mui-datatables"; import { createTheme, ThemeProvider } from "@material-ui/core/styles"; import { CacheProvider } from "@emotion/react"; import createCache from "@emotion/cache"; const options = { filter: false, filterType: "checkbox", download: true, sort: false, responsive: "vertical", // standard | vertical | simple selectableRows: "multiple", selectableRowsOnClick: false, print: true, viewColumns: false, searchOpen: false, search: true, page: 0, pageSize: 10, // rowsPerPage: 10, rowsPerPageOptions: [], textLabels: { body: { noMatch: "Aucun enregistrement correspondant trouvé", }, pagination: { next: "Suivant", previous: "Précédent", rowsPerPage: "Rows per page:", displayRows: "sur", }, toolbar: { search: "Recherche", downloadCsv: "Télécharger CSV", print: "Imprimer", viewColumns: "Afficher les colonnes", filterTable: "Tableau de filtrage", }, selectedRows: { text: "ligne(s) sélectionnée(s)", delete: "Supprimer", deleteAria: "Supprimer les lignes sélectionnées", }, }, customToolbarSelect: (selectedRows) => console.log(selectedRows), }; const muiCache = createCache({ key: "mui", prepend: true, }); const getMuiTheme = () => createTheme({ components: { MUIDataTableBodyCell: { styleOverrides: { root: { backgroundColor: "#000000", }, }, }, }, });

y luego dentro del componente de la función de reacción devuelvo:

 <CacheProvider value={muiCache}> <ThemeProvider theme={getMuiTheme}> <MUIDataTable title={"Accueil"} data={data} columns={columns} options={options} /> </ThemeProvider> </CacheProvider>

Debería tener una celda de cuerpo oscuro, pero nada ha cambiado.

¿Cómo puedo solucionar este problema? Gracias