Checkbox update performance improvement v. 6.9.2

[OzgeYurtsever]

I use a tree table with a column of checkboxes. I dispatch an action to keep the data of the selected row so that I can make some back end calls based on those data. When I select a checkbox, I wait 2 seconds to see that it is selected and checked.

First, I used an input field with selected and onChange attributes. I put a condition to show selection in "selected" attribute and define an action for onChange attribute. Checking and unchecking were very slow with this approach.

 <input
              type="checkbox"
              className="checkbox-cell"
              checked={selected}
              onChange={() =>
                this.selectRow({ ...row.original, index: row.index })
              }
/>

As a second approach, I removed "checked" and "onChange" attributes, and I used the "getTdProps" function to get the row data. The table was updating the checked/unchecked rows onclick faster. But in this case, if I try to invoke the "selectRow" function of mine in "getTdProps," checkbox won't update as selected.

Is there a reason for dispatching an action inside the getTdProps would prevent checkboxes from updating? How can I make the table rerender only one row of the table if I go with the first approach?