Estoy tratando de crear un tema personalizado para mi aplicación usando Material UI. Mirando cómo hacerlo, descubrí que tenía que usar createTheme y ThemeProvider. Sin embargo, por alguna razón, mi tema no anula el tema predeterminado. En el siguiente código, podrá ver que trato de anular el color primario con un color marrón, pero el azul predeterminado aún persiste.

 import {Button} from "@material-ui/core"; import {createTheme, ThemeProvider} from "@material-ui/core" import {makeStyles} from "@material-ui/core"; const theme = createTheme({ pallete: { primary: { main: '#923223' } } }) const App = () => { return ( <ThemeProvider theme={theme}> <div style={{backgroundColor: '#f8f8f8', height: '100%'}}> <Button variant="contained" color="primary">algo</Button> </div> </ThemeProvider> ); } export default App;

Prestar:

¿Alguna pista de lo que está pasando?