I’m developing a React application with multiple charts using the Plotly.js library. I want to implement a feature where users can download the data used to generate the charts in an Excel file.

Currently, I have a button labeled "Export to Excel", and when it's clicked, I want the underlying data (that was used to render the chart) to be downloaded as an Excel file.

What I’ve tried: I know that Plotly.js exposes the chart data via plotly.react or plotly.js's data property.

I’ve explored libraries like xlsx to create Excel files, but I’m facing error after installing the dependencies since we are using vite in the application.

What I need help with: How can I extract the data from Plotly.js (e.g., the traces) and format it into a downloadable Excel file when the user clicks the "Export to Excel" button?

If you have any specific code snippets or examples using xlsx or other libraries to achieve this, that would be helpful.

Additional Notes:

The charts are created dynamically, so I want to ensure that the data changes are captured at the moment the export button is clicked.

I am using react-plotly.js as the wrapper for Plotly in React.

If possible, I’d like to keep the export process as simple as possible.