Luka•11mo 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•11mo ago

I use the createTRPCProxyClient to create a seperate caller. So I use useQuery where needed & caller where I need the async flow...

Luka•11mo ago

why use createTRPCProxyClient over just appRouter.createCaller({})

Krishna•11mo 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 🙂