Getting empty CSV files after upgrading to React 18

Question

Getting empty CSV files after upgrading to React 18

kwalk2108 opened this issue a year ago · comments

It was working fine with React v17 but now when exporting, I just see empty files. I reverted back to React 17 and it's working again.

Here's the code:

I confirmed the data is getting to the component and there are no errors.

Colin Rice · Answer 1 · Tue Jul 11 2023 02:52:08 GMT+0800 (China Standard Time)

Having the same issue

kwalk2108 · Answer 2 · Tue Jul 11 2023 02:58:44 GMT+0800 (China Standard Time)

I resolved this issue by adding some logic and to check if the async data populating the CSV had finished downloading and added to the local state prop. Then I used a setTimeout to click the CSV link and open the file. It's not a pretty solution but seems to be getting the job done

Tommy Marshall · Answer 3 · Mon Jul 24 2023 23:51:59 GMT+0800 (China Standard Time)

The primary issue is with using createRoot vs ReactDOM.render. Switching between how the app is rendered is what triggers the mis-ordered data -- it is always 1 render behind.

Marcos Duque · Answer 4 · Mon Aug 21 2023 21:53:11 GMT+0800 (China Standard Time)

The primary issue is with using createRoot vs ReactDOM.render. Switching between how the app is rendered is what triggers the mis-ordered data -- it is always 1 render behind.

Exactly this happened to my project. I got the warning https://reactjs.org/link/switch-to-createroot after an update, then applied the change and started having this problem.