ReactでReferenceError: Can’t find variable: IntersectionObserverエラーが出た時の解決方法

原因：IntersectionObserver を未サポートのブラウザで実行している

交差オブザーバー API#ブラウザーの互換性 | MDN に記載のバージョンより古いブラウザを使っていると、このエラーが出ます。

解決方法：GoogleChromeLabs/intersection-observer polyfillを使う

GoogleChromeLabs/intersection-observer polyfillを使います。

まず、下記コマンドでpackageをインストールします。

$ npm install intersection-observer
or 
$ yarn add intersection-observer

次に、importなりrequireなりでpackageを使うようにすればOKです。react(*.jsxや*.tsx)ならimportで動きます。

import 'intersection-observer';