I am trying to set a default prop in my theme that disables gutters on Container so I don't have to write disableGutters={true} everytime. What am I doing wrong?
import { createTheme } from "@mui/material";
export const theme = createTheme({
palette: {
primary: {
main: "#007aff",
light: "#fff",
},
secondary: {
main: "#fff",
},
},
components: {
MuiContainer: {
defaultProps: {
disableGutters: true,
},
},
},
});
I have my <ThemeProvider theme={theme}> in index.tsx. Then somewhere down the line I have a <Container>