Не получается расширить Theme в Material UI

у меня есть код:

declare module '@material-ui/core/styles/createMuiTheme' {
  interface Theme {
    appDrawer: {
      width: React.CSSProperties['width']
      breakpoint: Breakpoint
    }
  }
  interface ThemeOptions {
    appDrawer?: {
      width: React.CSSProperties['width']
      breakpoint: Breakpoint
    }
  }
}

function createMyTheme(options: ThemeOptions) {
  return createMuiTheme({
    appDrawer: {
      width: 225,
      breakpoint: 'lg',
    },
    ...options,
  })
}`

const themes = createMyTheme({ appDrawer: { breakpoint: 'md',width:10 }});
function App() {
  const classes = useStyles()
 
    return (
        <ThemeProvider theme={themes}>
            <div className={classes.root}></div>
        </ThemeProvider>
    )
}`

При попытке обратиться к теме выдаёт ошибку:

TypeError: Cannot read property 'breakpoint' of undefined

Делал по документации Material UI, и почему-то не получается.

В чём моя проблема?