context (AppContext) is undefined. Where/how is the context passed to the ServerRouter?

[jcarrano]

I'm trying to make an app that works in Cloudflare pages, and it needs to access data in the context. I'm using an entry.server.tsx which seems like the one everyone is using out there:

`entry.server.tsx`

import type { AppLoadContext, EntryContext } from "react-router";
import { ServerRouter } from "react-router";
import { isbot } from "isbot";
import { renderToReadableStream } from "react-dom/server";

export default async function handleRequest(
    request: Request,
    responseStatusCode: number,
    responseHeaders: Headers,
    reactRouterContext: EntryContext,

    // This is ignored so we can keep it in the template for visibility.  Feel
    // free to delete this parameter in your app if you're not using it!

    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    loadContext: AppLoadContext,
) {
    // check that we get the context here
    console.log("loadContext");
    console.log(loadContext);

    const body = await renderToReadableStream(
        <ServerRouter context={reactRouterContext} url={request.url} />,
        {
            signal: request.signal,
            onError(error: unknown) {
                // Log streaming rendering errors from inside the shell
                console.error(error);
                responseStatusCode = 500;
            },
        },
    );

    if (isbot(request.headers.get("user-agent"))) {
        await body.allReady;
    }

    responseHeaders.set("Content-Type", "text/html");
    return new Response(body, {
        headers: responseHeaders,
        status: responseStatusCode,
    });
}

I'm also using cloudflareDevProxy for the dev server and createPagesFunctionHandler for the pages function. It looks just like what other people are doing out there, e.g:

• https://github.com/remix-run/react-router-templates/tree/main/cloudflare-d1
• https://github.com/jpedroh/mach/tree/main/apps/web/app
• https://github.com/benvinegar/counterscale/tree/main/packages/server/app

However, in my loader function the context is undefined, both in the dev server and when running through wrangler. Also, I can't see how the context is passed to the routes in entry.server.tsx if the parameter is not used, and looking at the react-router source code also seems to indicate it is not passed.

Two questions:

• How do I relay the context to my application?
• How are those examples even working?

[jcarrano]

I solved my issue. entry.server.ts is the entry point for the client when doing SSR. The server entry point is elsewhere. As to why I was not able to access context, I was inadvertently trying to access it in a client context.