MUI disable gutters as default on Container Component

Viewed 285

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>

0 Answers
Related