Setting cookie via procedure

Original message was deleted

Vengeance•2/23/24, 10:11 PM

I used t3 as a template, I updated trpc.ts to include res headers

interface CreateContextOptions {
  headers: Headers;
  resHeaders: Headers;
}

export const createInnerTRPCContext = (opts: CreateContextOptions) => {
  return {
    headers: opts.headers,
    resHeaders: opts.resHeaders,
  };
};

export const createTRPCContext = (opts: {
  req: NextRequest;
  resHeaders: Headers;
}) => {
  return createInnerTRPCContext({
    headers: opts.req.headers,
    resHeaders: opts.resHeaders,
  });
};

interface CreateContextOptions {
  headers: Headers;
  resHeaders: Headers;
}

export const createInnerTRPCContext = (opts: CreateContextOptions) => {
  return {
    headers: opts.headers,
    resHeaders: opts.resHeaders,
  };
};

export const createTRPCContext = (opts: {
  req: NextRequest;
  resHeaders: Headers;
}) => {
  return createInnerTRPCContext({
    headers: opts.req.headers,
    resHeaders: opts.resHeaders,
  });
};

and in route.tsroute.ts

const handler = (req: NextRequest) =>
  fetchRequestHandler({
    endpoint: "/api/trpc",
    req,
    router: appRouter,
    createContext: ({ resHeaders }) => createTRPCContext({ req, resHeaders }),
    onError:
      env.NODE_ENV === "development"
        ? ({ path, error }) => {
          console.error(
            `❌ tRPC failed on ${path ?? "<no-path>"}: ${error.message}`,
          );
        }
        : undefined,
  });

const handler = (req: NextRequest) =>
  fetchRequestHandler({
    endpoint: "/api/trpc",
    req,
    router: appRouter,
    createContext: ({ resHeaders }) => createTRPCContext({ req, resHeaders }),
    onError:
      env.NODE_ENV === "development"
        ? ({ path, error }) => {
          console.error(
            `❌ tRPC failed on ${path ?? "<no-path>"}: ${error.message}`,
          );
        }
        : undefined,
  });

But if I try to Set-Cookie from a procedure, it doesn't set

      ctx.resHeaders.set("Set-Cookie", `orderId=${orderId}; Path=/`);

      ctx.resHeaders.set("Set-Cookie", `orderId=${orderId}; Path=/`);

Fouad Raheb•6/20/24, 12:15 PM

Hey, did you find any solution for this issue?

deviana•6/20/24, 3:55 PM

I faced the same exact issue, not to mention that if you are using app dir then you will need to call

createTRPCContext

createTRPCContext

twice the second time in

server.ts

server.ts

, so I endded up using server actionsserver actions which enables you to use next.js build in cookies from cookies/headerscookies/headers