Amplify SDK + Reactでビルド後「Cannot read property 'call' of ~」

1 min read読了の目安(約400字

ブログにまとめるほどでもないけど、記録しておきたかったのでこちらに。

現象

  • Ionic ReactでSPA
  • AWS Amplify SDKをいれてAppSync(GraphQL)を使う
  • ionic buildを実行
  • ビルドした後のアプリでCannot read property 'call' of undefinedが発生する

原因

どうもIonic Reactが内部的に使っているreact-scriptがAWS Amplify SDKの地雷を踏むらしい。
Issue: https://github.com/aws-amplify/amplify-js/issues/2667

対応

yarn add -d react-scripts@3.4とかでバージョンをあげてやればとりあえず動きます。

その他

Ionic Reactが内部的に使っているやつをアプデすればよいので、
OSS Contributionに興味ある方は頑張ってIonicのリポジトリから探してみてくださいまし。

気が向いたら自分も探します。