[REACT] React component is not rendered correctly on expand / collapse

[marciogurka]

Forum post

"Hey there!

I'm defining a custom column renderer. Everything is fine on the first run of the renderer, but when the renderer runs a second time (after the tree node has been expanded), the value of data.record.visibleDescendantCount goes from 0 => 1, but the component never receives the newly passed props. Is this because the component is treated as a template, and not as a standard react component?

If so, how would I render an element that renders differently based on the context provided in arguments of the column renderer? i.e. where it looks one way when visibleDescendantCount = 0, and another when visibleDescendantCount = 1?"

Added a demo with the configuration shared by the user, if you check the video, the console.log shows the correct value, but the component is not correctly updated.

simple.zip

Bryntum.Scheduler.-.Simple.demo.React.-.12.June.2023.mp4

[lucasdellabella]

Hey Marcio, thanks for creating an issue. I've subscribed and am watching for updates 👍🏼

[jsakalos]

The problem here is that the rendered React component is never made to re-run. It is caused by the fact that config, including columns and the renderer, is contained in state so never changing. I'm looking for a solution.