Need help with weird (maybe!?) Table Rendering behaviour!

[thevipinmishra]

I basically copy-pasted the example listed in docs because I wanted the exact functionality in my data-table - https://tanstack.com/table/v8/docs/examples/react/filters (example I copied)

One thing I would admit is that I'm new to React and it's rendering behaviour, but I somehow managed to convert the typescript example to JavaScript (I think I did well, might have made some mistakes)

Right now, the issue I'm facing is the weird scroll that I'm getting on page load. It scrolls up a little every single time.

Also, my column filter input field randomly loses focus when searching/filtering any data .

Exact reproduction - https://codesandbox.io/s/upbeat-waterfall-cxg42w?file=/src/App.js