larryx01•2mo ago

Is it possible to use trpc client in a shared monorepo package?

My pnpm monorepo setup: - API (express) - packages/shared (shared code) - web (nextjs) - app (react native) right now my web uses trpc + react query for api calls. I want to add the same functinoality to the app, but dont want to have to repeat all of my react query hooks ex.

export function useGetCurrentUser() {
  const { firebaseUser } = useFirebaseAuthStore();
  const trpc = useTRPC();

  const baseOptions = trpc.auth.getCurrentUser.queryOptions();

  return useQuery({
    ...baseOptions,
    ...getDefaultAuthQueryOptions(),
    enabled: !!firebaseUser && !!firebaseUser.emailVerified
  });
}

export function useGetCurrentUser() {
  const { firebaseUser } = useFirebaseAuthStore();
  const trpc = useTRPC();

  const baseOptions = trpc.auth.getCurrentUser.queryOptions();

  return useQuery({
    ...baseOptions,
    ...getDefaultAuthQueryOptions(),
    enabled: !!firebaseUser && !!firebaseUser.emailVerified
  });
}

I currently have to repeat this function in both web and mobile. I wanted to move my trpc hooks to the shared package, but I keep getting error

export const context = createTRPCContext<AppRouter>();

export const context = createTRPCContext<AppRouter>();

The inferred type of 'context' cannot be named without a reference to '../../../../API/node_modules/@trpc/server/dist/unstable-core-do-not-import.d-C8vB_hCN.cjs'. This is likely not portable. A type annotation is necessary.ts(2742)

The inferred type of 'context' cannot be named without a reference to '../../../../API/node_modules/@trpc/server/dist/unstable-core-do-not-import.d-C8vB_hCN.cjs'. This is likely not portable. A type annotation is necessary.ts(2742)

i believe this is due to the fact that the package has to compile into declaration files and doesnt work with the approuter is it not possible for me to share this API access layer? How do apps typically handle sharing TRPC code between mobile and web?

1 Reply

Nick•2mo ago

This generally shouldn’t happen, but you should be able to fix this just by importing @trpc/server into that file It’s a common problem when exporting types which depend on another package (in this case client and server)

Is it possible to use trpc client in a shared monorepo package?

Did you find this page helpful?