Rerendering on state update with template

If you add a template to a treeview and update state, the whole treeview is rerendering.

It doesn't do this without the template. Is there any way to prevent this?

example...

https://stackblitz.com/edit/react-quxhq8

If you remove the nodeTemplate it works fine.


4 Replies

LD LeoLavanya Dhanaraj Syncfusion Team August 22, 2022 04:49 PM UTC

Hi Richard,


Greetings from Syncfusion support.


From your shared details, we understand that you are facing an issues while using Treeview component with Template functionality. Currently, we are validating your reported query with high priority. We need some additional time to validate and will provide an update on August 24, 2022.


Regards,

Leo Lavanya Dhanaraj



LD LeoLavanya Dhanaraj Syncfusion Team August 25, 2022 04:39 PM UTC

Hi Richard ,


We have validated the reported query in the React TreeView component and considered it as a bug at our end. The fix for this issue will be included in our weekly patch release on September 20, 2022. You can track the status of the issue fix using the following feedback link.


Feedback link: https://www.syncfusion.com/feedback/37324/facing-re-rendering-issues-while-using-treeview-with-template-support


Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.


We appreciate your patience.


Regards,

Leo Lavanya Dhanaraj



IL Indhumathy Loganathan Syncfusion Team September 23, 2022 07:17 AM UTC

Hi Richard,


Sorry for the inconvenience.


Due to unforeseen circumstances, this fix has not been included as promised in the patch release. But we will include this in our upcoming Volume 3 SP release, which is expected to be rolled out by the end of October, 2022. We appreciate your patience.


Regards,

Indhumathy L



LD LeoLavanya Dhanaraj Syncfusion Team December 29, 2022 10:55 AM UTC

Richard, We are glad to announce that our Essential Studio 2022 Volume 4 Main release v20.4.0.38 is rolled out and is available for download under the following link.


Essential Studio 2022 Volume 4 Main Release v20.4.0.38 is available for download | Syncfusion Forum Assist


In this release, we have provided the support “To prevent the component from re-rendering while the state is being updated”. To access this feature, we suggest you update the package to 20.4.38 and we include the sample in the latest version for your reference.


If the templates are defined in nested directives of the component, then you need to pass the statelessTemplates property array value as "nodeTemplate" instead of the template names.


Sample : https://stackblitz.com/edit/react-vtew1m?file=src%2FApp.js


Feedback: https://www.syncfusion.com/feedback/37324/facing-re-rendering-issues-while-using-treeview-with-template-support


Release notes : https://ej2.syncfusion.com/react/documentation/release-notes/20.4.38/?type=all#common


We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance


Regards,

Leo Lavanya


Loader.
Up arrow icon