Odd issues with SSR & hydration mismatch
I have a Nuxt3 project where I use Vue Query. In the .vue file in pages/ I have a hook which fetches data with Vue Query and does onServerPrefetch(suspense), and it works fine, however I have one component inside this page, which has another composable with Vue Query, which also has onServerPrefetch(suspense), but for some reason it's not rendered properly on server and causes a hydration mismatch, however weird thing is that it doesn't show that it would fetch anything in network tab, meaning it does fetch it serverside.
The component is a table component using tanstack table, it accepts both json, and an url to fetch the json from. The json server side rendering works fine, but when url is used, the table is initially rendered empty, and on client side renders the rows.
The component is a table component using tanstack table, it accepts both json, and an url to fetch the json from. The json server side rendering works fine, but when url is used, the table is initially rendered empty, and on client side renders the rows.
