useQuery in NextJS app router client components
I have started a project using create t3 app and app router and noticed that in the template application I can no longer use:
I realise in the T3 app router example, the index page is a server component so it doesn't need
Here are some requirements:
- I would prefer to load the data for the "Loaded List" tab server side
- I don't want to load the data of the "Unloaded List" tab until the user clicks it (it's an expensive query)
- No route change when clicking between tabs
How would I achieve this?
I'm basically looking to leverage something like
Thanks.
api.tableName.functionName.useQuery()I realise in the T3 app router example, the index page is a server component so it doesn't need
useQueryHere are some requirements:
- I would prefer to load the data for the "Loaded List" tab server side
- I don't want to load the data of the "Unloaded List" tab until the user clicks it (it's an expensive query)
- No route change when clicking between tabs
How would I achieve this?
I'm basically looking to leverage something like
isLoadingThanks.
Was this page helpful?
