以下Material-UI 4.9.0で確認しましたが、以下のようにすることでコンパイルエラーが解消するような気がします。
import { createStyles, makeStyles, Theme } from '@material-ui/core/styles'
const useStyles = makeStyles((theme: Theme) => createStyles({
toolbar: {
...theme.mixins.toolbar
},
}))
コンパイルエラーになってた原因としては、theme.mixins.toolbar
の型は React.CSSProperties
ですが、ここで期待されている型がMaterial-uiのCSSProperties
なので、型が異なってエラーになっています。
そのため、スプレッド構文を使用してtheme.mixins.toolbar
のfieldを全て渡してあげることで、コンパイルエラーが解消されます。
ちなみに以下のPull requestでtheme.mixins.toolbar
の型がMaterial-uiのCSSProperties
に変更されたので、次のバージョンなどからスプレッド構文を使わずに、そのまま渡せるように変わる(直る?)かもしれません。
[core] Fix mixins not being assignable as JSS styles by ririvas · Pull Request #19491 · mui-org/material-ui
https://github.com/mui-org/material-ui/pull/19491