Cloudflare Pages prod env vars inconsistently retrieved

// app/src/lib/server/middleware/session.server.ts

export const sessionMiddleware = createMiddleware().server(async ({ next }) => {
  const request = getWebRequest();
  if (!request) {
    throw new Error("Request not found");
  }
  const event = getEvent();
  const auth = createAuth(event.context.env);
  const session = await auth.api.getSession({ headers: request.headers });
  const isAuthenticated = !!session;
  return next({
    context: {
      auth,
      isAuthenticated,
    },
  });
});

// app/app.config.ts

const tanstackApp = defineConfig({
  ....
});

const routers = tanstackApp.config.routers.map((r) => {
  return {
    ...r,
    middleware:
      r.target === "server"
        ? "src/lib/server/middleware/requests/env.server.ts"
        : undefined,
  };
});

const app: App = {
  ...tanstackApp,
  config: {
    ...tanstackApp.config,
    routers: routers,
  },
};

export default app;

// app/src/lib/server/middleware/requests/env.server.ts

export default defineMiddleware({
  onRequest: async (event) => {
    const runtimeEnv = getRuntimeEnv();
    event.context.env = createServerEnv(runtimeEnv);
  },
});

function getRuntimeEnv() {
  const cfContext = getContext("cloudflare");

  if (cfContext && cfContext.env) {
    return cfContext.env;
  } else {
    return process.env;
  }
}