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

Bắt đầu bằng cách tái hiện các lỗi npm ci và import đã được báo cáo với react-plotly.js và plotly.js-dist trong một dự án React tối giản. Xem lại cuộc thảo luận plotly.js được liên kết để hiểu bối cảnh, sau đó xác minh liệu hai package có thể được sử dụng cùng nhau hay không và ghi lại setup được hỗ trợ hoặc tính không tương thích còn lại.