Luka
Luka7mo ago

React Query client and caller client under one object

Would love to know if it is possible to have caller and react query clients under one object? I feel like it would be great to go api.cart.getCartItems() in server components that would utilise caller and api.card.getCartItems.useQuery() in client components.
3 Replies
Krishna
Krishna7mo ago
I use the createTRPCProxyClient to create a seperate caller. So I use useQuery where needed & caller where I need the async flow...
Luka
Luka7mo ago
why use createTRPCProxyClient over just appRouter.createCaller({})
Krishna
Krishna7mo ago
I am not sure I understand. This is my setup. How do create a client without using react-query?
import { createTRPCReact } from "@trpc/react-query";

export const trpc = createTRPCReact<AppRouter>({
abortOnUnmount: true,
});
import { createTRPCReact } from "@trpc/react-query";

export const trpc = createTRPCReact<AppRouter>({
abortOnUnmount: true,
});
Thanks 🙂