DataTable: Edited cell values are not updated correctly after sorting and tab behavior is inconsistent

[Oko-Tester]

Describe the bug

Description:

Description of the problem:
There are several problems when using the PrimeReact DataTable in edit mode in combination with a sort function:

Cell editing and sorting:

• When I edit values in the “Quantity” column, I also sort the values in the table afterwards. The values are then also displayed correctly in the table. However, when I click on the same table field, the old values are displayed instead of the updated values.
• Tab behavior: When I press the tab button to move to the next cell, the input field of the current cell is not closed and the focus remains partially in the old cell, resulting in unpredictable behavior.

If there is a problem with the reproduction of the problem, please let me know.

Reproducer

https://stackblitz.com/edit/pn5gam?file=src%2FApp.jsx

System Information

"primereact": "^10.8.3"

Steps to reproduce the behavior

1. click on a cell in the Quantity column (for example, on the cell with the value “24”) and change the value to “1”.
2. exit edit mode by clicking on another field.
3. the table should refresh and the value in the Quantity column should now show “1”. Since the table is sorted by the Quantity column, the changed value should now be at the bottom of the table (since “1” is smaller than the other values).
4. now search for and click on the cell that originally contained “24” and now shows “73”, for example, due to the sorting.
5. exit edit mode by clicking on another field again.

Expected behavior

• After editing cells, the new values in the edited cells should be saved and sorted correctly. The sorted values should be displayed correctly when the same field is clicked again.

• When the Tab key is pressed, the input field of the current cell should be closed and editing of the next cell should be opened.