Discussion on: Extending the theme in Material UI with TypeScript

import { createMuiTheme, Theme } from '@material-ui/core/styles';
import createPalette from '@material-ui/core/styles/createPalette';

const theme = {
  typography: {
    secondaryFontFamily: 'Georgia',
  },
};

export type CustomTheme = Theme & typeof theme;

export const myTheme = createMuiTheme(
  {
    palette: createPalette({}),
  },
  theme
) as CustomTheme;

const MyApp: React.FC = () => {
  return (
    <ThemeProvider theme={myTheme}>
      <CssBaseline />
      <SomeComponent />
    </ThemeProvider>
  );
};