ダイアログpolyfillをReactアプリケーションにどのように統合できますか？

Question

Reactアプリで電話番号登録用FirebaseとFirebaseUIを使用しています。 http://brigadesaffinitywebapp-dev.herokuapp.comにあるように、Google Chromeのデスクトップではうまくいきますが、別のナビゲータを使用しようとすると、国コードセレクタが機能せず、エラーが返されます：undefined is not an object (evaluating 'window.dialogPolyfill.registerDialog')だから私はhttps://github.com/GoogleChrome/dialog-polyfillを統合する必要があると思うが、私は苦労してどのように考え出しているのだろうか。

私はnpm install dialog-polyfillを試してからimport dialogPolyfill from 'dialog-polyfillを試しましたが、まだエラーが発生します。おそらく、私は現在インスタンスをwindowオブジェクトに添付していないという事実と関係がありますか？

Answer 1

私はただ、ただ、これはどこパッケージがすべきFirebaseUIで不要な行動であることを指摘したindex.html

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dialog-polyfill/0.4.7/dialog-polyfill.js"></script> 

<script> 
    var dialog = document.querySelector('dialog'); 
    dialogPolyfill.registerDialog(dialog); 
    // Now dialog acts like a native <dialog>. 
    dialog.showModal(); 
</script>