I have a table with with children expanded row (The row with caret is parent row and below it are its children) like the image below:

In this image, the dots (regardless green or red) of parent rows and children rows are in ordered. But, after navigating to a specific route (call it anotherRoute) on my React app and navigate back to this route, the table looks like this:

In the anotherRoute, I also have a table and I realize, after removing out the code for rendering table on that route, this weird bug is gone.
Is there any possiblity the reason for that weird bugs are from caching or rendering something of the table ?
P/s: Link for thí question on SOF: https://stackoverflow.com/questions/58360636/table-layout-changed-after-navigating-to-a-specific-route-then-navigating-back