SSR Next. js, пользовательский интерфейс материала: невозможно прочитать свойство 'button' неопределенного значения

Question

js и я хочу использовать Material UI в SSR. Я выполнил настройку здесь , но получаю сообщение об ошибке Cannot read property 'button' of undefined

theme.ts

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

const theme = (options: ThemeOptions) => {
    return createMuiTheme({
        palette: {
            primary: {
                main: '#b5ddd1'
            },
            secondary: {
                main: '#b2d9ea'
            },
        },
        ...options,
    })
}

Далее. js говорит, что у меня проблема в _document.tsx

import { ServerStyleSheets, ThemeProvider } from '@material-ui/core/styles'
import theme from '../src/common/theme'

...

ctx.renderPage = () =>
                originalRenderPage({
                    enhanceApp: (App: any) => (props: any) => sheet.collectStyles(sheets.collect(<ThemeProvider theme={theme}><App {...props} /></ThemeProvider>)),
                })

Я не уверен, что делаю не так?

Спасибо за помощь! ??