Temp to let table header sticky on viewport top when scrolling to table header

[TsengTofu]

Hi, I'm using react-table version8, I want to make table header sticky on viewport top when scrolling to table header.
Framework: NEXT.js version ^13.4.3
Here is the example code

I want add the effect to my code, when scrolling to header, the header will fixed on the top of page.
https://codepen.io/josephting/pen/demELL?editors=1010

I've tried to add sticky every part that I assumed, still not working.
Please help, thank you.