Prefertch() privateProcedure (Clerk) in gSSP

Trying to do that I'm getting "UNAUTHORIZED" error.
I see that for creating prefetchHelper I use createInnerTRPCContext without passing auth data to it.
Does it mean that it is impossible to fetch data from privateProcedure using prefetchHelper ?
Or there are some recomendations how to do this with tRPC? (I know that I can just do Clerk auth check and make Prisma call after, but I want this data to be cached and passed to React-Query)

prefetchHelper.ts
export const prefetchHelper = createServerSideHelpers({
  router: appRouter,
  ctx: createInnerTRPCContext({}),
  transformer: superjson, // optional - adds superjson serialization
});

prefetchHelper.ts
export const prefetchHelper = createServerSideHelpers({
  router: appRouter,
  ctx: createInnerTRPCContext({}),
  transformer: superjson, // optional - adds superjson serialization
});

trpc.ts
export const createInnerTRPCContext = ({ auth, req }: AuthContext) => {
  return {
    auth,
    req,
    prisma,
    resend,
  };
};

export const createTRPCContext = (opts: CreateNextContextOptions) => {
  return createInnerTRPCContext({
    auth: getAuth(opts.req),
    req: opts.req,
  });
};

trpc.ts
export const createInnerTRPCContext = ({ auth, req }: AuthContext) => {
  return {
    auth,
    req,
    prisma,
    resend,
  };
};

export const createTRPCContext = (opts: CreateNextContextOptions) => {
  return createInnerTRPCContext({
    auth: getAuth(opts.req),
    req: opts.req,
  });
};

tRPC•2y ago•

2 replies

MadaShindeInai

Prefertch() privateProcedure (Clerk) in gSSP

prefetchHelper.ts
export const prefetchHelper = createServerSideHelpers({
  router: appRouter,
  ctx: createInnerTRPCContext({}),
  transformer: superjson, // optional - adds superjson serialization
});

prefetchHelper.ts
export const prefetchHelper = createServerSideHelpers({
  router: appRouter,
  ctx: createInnerTRPCContext({}),
  transformer: superjson, // optional - adds superjson serialization
});

trpc.ts
export const createInnerTRPCContext = ({ auth, req }: AuthContext) => {
  return {
    auth,
    req,
    prisma,
    resend,
  };
};

export const createTRPCContext = (opts: CreateNextContextOptions) => {
  return createInnerTRPCContext({
    auth: getAuth(opts.req),
    req: opts.req,
  });
};

trpc.ts
export const createInnerTRPCContext = ({ auth, req }: AuthContext) => {
  return {
    auth,
    req,
    prisma,
    resend,
  };
};

export const createTRPCContext = (opts: CreateNextContextOptions) => {
  return createInnerTRPCContext({
    auth: getAuth(opts.req),
    req: opts.req,
  });
};

Prefertch() privateProcedure (Clerk) in gSSP

Similar Threads

Prefertch() privateProcedure (Clerk) in gSSP

Similar Threads

Similar Threads

Similar Threads