Nested React grid for detail level not updated after parent component rerender

[Darshan]

i have following setup.

parent component holds state information about data and the prop is passed to child ckmponent condiitionally based on data availalbility.

 

child component contains nested react grid as part of detail property. On particular event from nested grid which is part of detail i am updating a setter function on parent component and expect the grid to rerender with new data . Everything works fine except the new data is not rendered in nested grid automatically.

i have to collapse and expand again to view the updated changes in nested grid ..

grid version 5.19

can anyone give some pointers or share working example of such scenario

 

[Konstantin Dikov]

Hi Darshan,

Thank you for reaching out to us.

I have created a very basic example demonstrating how updating the master Grid data will update the Detail Grid data:

• https://stackblitz.com/edit/react-tfetvt?file=app%2Fmain.jsx

If further assistance is needed, please modify the example so it can reproduce the issue that you are facing.

 

Best Regards,
Konstantin Dikov
Progress Telerik