Skip to main content
3 / 4
本文に 188 文字追加
harry0000
  • 2,800
  • 4
  • 18
  • 22

以下のようにすることでコンパイルエラーが解消するような気がします。

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に変更されたので、次のバージョンなどからスプレッド構文を使わずに、そのまま渡せるように変わる(直る?)かもしれません。

https://github.com/mui-org/material-ui/pull/19491

harry0000
  • 2,800
  • 4
  • 18
  • 22