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

Comece reproduzindo os erros relatados de npm ci e de importação com react-plotly.js e plotly.js-dist em um projeto React mínimo. Revise a discussão vinculada do plotly.js para obter contexto e, em seguida, verifique se os dois pacotes podem ser usados em conjunto e documente a configuração compatível ou a incompatibilidade restante.