I use NextJs 14 and the app router, and on a page I have a third party table component that needs to run with 'use client'. For some reason it renders "No items found" and then replaces it with the data. I have tried to use useEffect to ensure that that the data I populate it with is received before I return the component, but when logging in useEffect it seems liek the data is there the first time around, which is perplexing. So no matter what I do, this component first renders a flash of the state when no data is received, followed by the data. I've spent hours trying to figure this out, any guidance would be greatly appreciated.

I should add that this worked fine with NextJS 13 and the Pages router, it loaded a bit slower but no empty table flash occurred.

Code: https://pastebin.com/WLqUiXG7 (simplified for clarity)