[DataGrid] createTheme typography not working on extended Theme about mui-x

[cherniavskii]

Hey @fdebef
I believe this is the expected behavior:

Source: https://mui.com/material-ui/customization/theming/#api

Here's a fixed demo: https://codesandbox.io/s/unruffled-ardinghelli-gms9hz

[fdebef]

Hey, thanks for answering, but you're talking about merging two themes, but I want to merge Theme (as a result of createTheme) and options as described in documentation as "Theme composition" (though I agree, that the mention about processing only first argument can be found in same chapter - I am a bit confused).

Theme composition: using theme options to define other options
When the value for a theme option is dependent on another theme option, you should compose the theme in steps.

import { createTheme } from '@mui/material/styles';

let theme = createTheme({
  palette: {
    primary: {
      main: '#0052cc',
    },
    secondary: {
      main: '#edf2ff',
    },
  },
});

theme = createTheme(theme, {
  palette: {
    info: {
      main: theme.palette.secondary.main,
    },
  },
});

Think of creating a theme as a two-step composition process: first, you define the basic design options; then, you'll use these design options to compose other options.

Yet one question is, why it works for palette and not for typography.