Skip to main content
本文に 142 文字追加
ソース リンク
harry0000
  • 2,800
  • 4
  • 18
  • 22

以下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

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

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

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

本文に 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

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

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を全て渡してあげることで、コンパイルエラーが解消されます。

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

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

本文に 213 文字追加
ソース リンク
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を全て渡してあげることで、コンパイルエラーが解消されます。

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

import { createStyles, makeStyles, Theme } from '@material-ui/core/styles'

const useStyles = makeStyles((theme: Theme) => createStyles({
  toolbar: {
    ...theme.mixins.toolbar
  },
}))

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

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を全て渡してあげることで、コンパイルエラーが解消されます。

ソース リンク
harry0000
  • 2,800
  • 4
  • 18
  • 22
読み込んでいます