My clientHeight – 260 and ScrollHeight – 700 in local My clientHeight – 500 and ScrollHeight – 500 in stage My handleScroll works in local , but not in stage. I tried to set the height on the div – din’t work Tried to update handleScroll on the table doesn’t work at all I added duplicate data to my data in reactTable i see them all, but when i scroll for new data i don’t get the new data. There is data, the APi that pulls in data works fine. I can tell there is something to do with css, can’t tell what will fix the issue.
I tried adding styles to my div , tried duplicating data but it doesn’t load new data can’t tell what’s the issue. the function doesn’t trigger The APi is def working fine , but the action that triggers Api doesn’t work.

I am facing a small bug in my react application. I have created a codesandbox and the will link will be below.
I created an editable table component in react with global search, pagination and editable cell. The bug is that if I search for something in the global filter then I try to edit a cell then if I try to click somewhere else the table tries to go back to the first page for a split second. This is only happening when searching then editing (you can also just search then try to click on different input cells and you will see the bug).
Here is the link to the codesandbox that contains all of the code : https://codesandbox.io/p/sandbox/blazing-bird-c7cz3m

While I resize my column in table sometimes my cursor catches icon, that I even can’t see before. So browser doesn’t recognize onMouseUp event and continue resizing column.