ReactアプリをHerokuに登録した時にSecurityErrorが発生する

Question

前提・実現したいこと

Herokuにnode.js & Reactのアプリケーションを登録しようとしています。
第1段階として、Reactのcreate-react-appで、サンプルのReactアプリを作成しました。

npx create-react-app hoge

その後、そのままHerokuに登録して稼働確認をしました。
うまくいけば、サンプルを修正する形で開発を進めていこうと思っています。

発生している問題・エラーメッセージ

登録したアプリにheroku open でアクセスすると、以下のようなエラーメッセージが表示されます。

SecurityError: Failed to construct 'WebSocket': An insecure WebSocket connection may not be initiated from a page loaded over HTTPS.

確認したところ、httpでアクセスした場合はエラーにならず、httpsでアクセスしたときのみエラーとなるようです。
以下はChromeでのキャプチャです。

・https://hoge.herokuapp.com/ でアクセスした場合

・http://hoge.herokuapp.com/ でアクセスした場合

エラーを解消するにはどのようにすればよいでしょうか?

Answer 1

自己解決しました。

以下でIssuesとして上がっており、react-scriptsのバージョン3.3.1で修正予定とのことです。
https://github.com/facebook/create-react-app/pull/8079