Render custom columns on React 18

Following Gantt columns guide, I’ve been able to display columns using custom React components after properly setting external_render and using onrender method for each column .

The problem I’ve found when migrating to React 18 and using createRoot from react-dom/client instead of render from react-dom on the renderElement at gantt.config.external_renderer is that the content of the column starts flickering when scrolling the Gantt diagram.

Is there any workaround for this or maybe this is already known issue? If that’s the case, is there any plans to address this on the future?

Thank you.

1 Like

Hi,
I have reproduced the issue, but I don’t have a workaround at the moment.
I have included it in our development tracker, I can’t give you any ETA for it, but I will notify you of any updates.

Thank you very much Maksim, I’ll keep up to date.

Any updates on this?

Hello Skoofy,
The dev team has not yet fixed the bug, and unfortunately, I cannot give you any ETA.