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

Comienza reproduciendo los errores reportados de npm ci y de importación con react-plotly.js y plotly.js-dist en un proyecto mínimo de React. Revisa la discusión vinculada de plotly.js para obtener contexto y, después, verifica si los dos paquetes pueden usarse juntos y documenta la configuración compatible o la incompatibilidad restante.