Migrate ReactDOM.render with async callback to createRoot()

Question

Does anyone know what is the exact equivalent of this code for React 18, what happens with the async part?

ReactDOM.render(chart, container, async () => {
//code that makes some chart cells styling and adds cells to a worksheet via exceljs
})

Answer 1

The render callback can be substituted with either the window.requestIdleCallback or window.setTimeout functions.

Before React 18

ReactDOM.render(<App />, rootElement, callback);

React >=18

ReactDOM.createRoot(rootElement).render(<App />);
requestIdleCallback(callback);

or:

ReactDOM.createRoot(rootElement).render(<App />);
setTimeout(callback, 0);