I’m using Tankstack-react Table V8 in y react project. The table is rendering fine with server side pagination. In each row, there is a edit icon. When the user clicks the edit icon, the edit modal is opened and the selected row’s data should be filled in the input fields of the form. Here, I’m getting the data correctly with the 1st page. When I go to the second page of the table and cilcks the edit button. I’m getting the previous page’s data in my form instead of the clicked row.

I want each action button will have it’s own expandable independent row. I’m halfway there. I’m using tanstack table v8. But the problem is, if I click on any expandable button in a row that trigger all expandable buttons in the same row. I don’t want that. Each action will trigger on it’s own and expand a row with new data.
Is it possible with tanstack table or any other way?