How to get request details on server functions in Data mode RSC?

[MohamedJabarullah]

Server functions are awesome. But when i try to get the cookie details inside server functions. I dont have any idea about it. Since i am hitting external apis with auth token from cookies.

[x0s3]

What I do is have a middleware (in root.tsx) and use AsyncLocalStorage to store the request so I can use it later in my actions, something like this:

/contextRequestMiddleware.ts

import { AsyncLocalStorage } from "node:async_hooks";
import type { MiddlewareFunction } from "react-router";

type AsyncContext = {
  request: Request;
};
const context = new AsyncLocalStorage<AsyncContext>();

export const contextRequestMiddleware: MiddlewareFunction<Response> = async (
  { request },
  next,
) => context.run({ request }, next);

export const getContextRequest = () => context.getStore()!.request;

/root.tsx

import { contextRequestMiddleware } from "./middlewares/contextRequestMiddleware";

export const middleware = [contextRequestMiddleware];

/yourServerAction.ts

"use server";

export const serverAction = async () => {
  const request = getContextRequest();
  // at this point u have access to the request, so u can check user session etc.
};

hope it helps! 😄

I don't know if the team has any API ideas in mind for this case, or if there is another way to access the request from a server action, but this works 😄