How to integrate react-query as datasource and still profit from SSR/PPR?

[Gemil]

Hello together,

im relativly new in the react ecosystem and currently exploring/integrating this data table into my own project. my problem ist the datasource: i dont use nextjs/drizzle as data source, but have a custom external api (crud) as backend.
in my current implementation i created everything the same, except this data part. i use a server action to get the promise in the server component, and use react.use to consume it in the client component which is creating the table hook. everything is working fine - but my approach is now to implement this with tanstack react query, as this is recommended everywhere for usages with external data sources / with server state.
but what would be the right approach to integrate this? should i just use the client component and implement it all there and forget about the promises/ppr? is there a smooth/good way to integrate it?
also handling of loading and error state would be my concerns, since i would like to display a loading indicator in the table or an errorstate when the fetching was not successfull.

maybe someone has created a working fork, or could give me good hint where to start - that would be amazing.