How to use plotly.js-dist with react-plotly.js?

As per below issue, we were instructed to switch from plotly.js to plotly.js-dist to work around an error with plotly.js version 2.5.0. However, in doing this we then get errors when trying to import from react-plotly.js. Is there a way to use react-plotly.js with plotly.js-dist?

What's the reasoning behind not using ploly.js-dist then?

We're actually using react-plotly in our React project. Switching from plotly.js to plotly.js-dist resolves the npm ci issue but we then get errors when importing from react-plotly.js. Is there a way to use react-plotly with plotly.js-dist?

I see. Please open an issue or pull request on react-plotly.js and paste the link here.

Originally posted by @archmoj in https://github.com/plotly/plotly.js/issues/5925#issuecomment-913690061

まず、最小構成の React プロジェクトで react-plotly.js と plotly.js-dist を使い、報告されている npm ci および import エラーを再現します。次に、背景を確認するため、リンクされている plotly.js のディスカッションを確認し、その後、2つのパッケージを併用できるかを検証して、サポートされている構成または残っている非互換性を文書化します。