Currently, I am customizing MuiDataTables using the adaptv4theme in the following manner:
declare module '@material-ui/core/styles/overrides' {
export interface ComponentNameToClassKey {
MUIDataTable: any;
MUIDataTableFilterList: any;
}
}
export const theme = createMuiTheme(
adaptV4Theme({
overrides: {
MUIDataTable: {
paper: {
boxShadow: 'none',
},
responsiveBase: {
overflow: 'clip',
},
},
MUIDataTableFilterList: {
chip: {
margin: '8px',
},
},
However, adaptV4Theme is deprecated and I am unsure of how to update my code to the new convention. When I attempt the following:
theme.components = {
...theme.components,
MUIDataTable:{
overrideStyles: {
},
},
I encounter the error: Object literal may only specify known properties, and 'MUIDataTable' does not exist in type 'Components'.
How can I transition away from using adaptV4Theme?