Feat/ie11

[tamurayk]

Next.js x IE11

対応内容

• MobX のバージョンダウン (5系 => 4系)
  • MobX5系は IE11 をサポートしてない為
• Babel でトランスパイルされないモジュールを martpie/next-transpile-modules でトランスパイル

note

• Next.js はデフォルトで IE11 対応される(polyfillが使われる)ので、.babelrc での preset-env の設定のカスタマイズは不要
  • https://nextjs.org/docs/basic-features/supported-browsers-features#polyfills
• 足りない polyfill があった場合は、_app.tsx に個別に追加
  • 足りないものだけを個別に import core-js/xxxxx

未対応

• Material-UI のIE11 対応
  • Edge 18 & IE 11 server mismatch with SVG icons facebook/react#15187
• MobX4 の ObservableArray への対応
  • store に getter を追加し、getter経由で配列を取得 (getter で ObservableArray.slice() して配列を返す)

[tamurayk]

note:
下記の問題を解消する為に、@babel/preset-typescript を追加した。

• preset-env を使用した際に Object.assign(this, config) しても this.config が undefined になる