More than 3 years have passed since last update.

GatsbyでMaterial-UIを適応した際にスタイルが崩れてしまう問題

Posted at 2020-08-15

自分用メモ

CRA(create-react-app)で作成したものをGatsbyに移行した際に， Material UIのスタイルが崩れてしまう問題に遭遇したときに対処した方法

GithubのMateril-UIのissueにありました。

Gatsby & Material-UI break in production builds #18197
https://github.com/mui-org/material-ui/issues/18197

gatsby-plugin-material-uiのインストール

npm install --save gatsby-plugin-material-ui

gatsby-config.jsがなければ，トップディレクトリに新規作成

gatsby-config.js

module.exports = {
  plugins: [`gatsby-plugin-material-ui`]
}

gatsby build

以上でスタイルが崩れていた問題を解決できました。