await requestHandler(c.req.raw, loadContext instanceof Promise ? await loadContext : loadContext);

await requestHandler(c.req.raw, loadContext instanceof Promise ? await loadContext : loadContext);

// index.ts
import { Hono } from "hono";
import { logger } from "hono/logger";
import { reactRouter } from "./middleware";
import routes from "./routes";

declare module "react-router" {
  export interface AppLoadContext {
    readonly nonce?: string;
    readonly clientIp?: string;
    readonly env: typeof env;
  }
}
declare module "react-router" {
  interface LoaderFunctionArgs {
    context: AppLoadContext;
  }
}

const createServer = async () => {
  const build = await getServerBuild();
  const app = new Hono().use(
      logger(),
      reactRouter({
        build,
        mode: env.IS_PRODUCTION_BUILD ? "production" : "development",
        getLoadContext: (ctx) => ({
          clientIp: ctx.var.clientIp,
          nonce: ctx.var.nonce,
          env: env,
        }),
      }),
    )

// index.ts
import { Hono } from "hono";
import { logger } from "hono/logger";
import { reactRouter } from "./middleware";
import routes from "./routes";

declare module "react-router" {
  export interface AppLoadContext {
    readonly nonce?: string;
    readonly clientIp?: string;
    readonly env: typeof env;
  }
}
declare module "react-router" {
  interface LoaderFunctionArgs {
    context: AppLoadContext;
  }
}

const createServer = async () => {
  const build = await getServerBuild();
  const app = new Hono().use(
      logger(),
      reactRouter({
        build,
        mode: env.IS_PRODUCTION_BUILD ? "production" : "development",
        getLoadContext: (ctx) => ({
          clientIp: ctx.var.clientIp,
          nonce: ctx.var.nonce,
          env: env,
        }),
      }),
    )

// middleware/react-router.ts
import { createRequestHandler } from "react-router";

import type { AppLoadContext, ServerBuild } from "react-router";
import { type Context, type Env } from "hono";
import { createMiddleware } from "hono/factory";

export interface RemixMiddlewareOptions {
  build: ServerBuild;
  mode?: "development" | "production";
  getLoadContext?(c: Context): Promise<AppLoadContext> | AppLoadContext;
}
export function reactRouter<TEnv extends Env>({ build, mode, getLoadContext }: RemixMiddlewareOptions) {
  const requestHandler = createRequestHandler(build, mode);
  return createMiddleware<TEnv>(async (c) => {
    const loadContext = getLoadContext?.(c);
    return await requestHandler(c.req.raw, loadContext instanceof Promise ? await loadContext : loadContext);
// ^^ the cause of error,.
  });
}

// middleware/react-router.ts
import { createRequestHandler } from "react-router";

import type { AppLoadContext, ServerBuild } from "react-router";
import { type Context, type Env } from "hono";
import { createMiddleware } from "hono/factory";

export interface RemixMiddlewareOptions {
  build: ServerBuild;
  mode?: "development" | "production";
  getLoadContext?(c: Context): Promise<AppLoadContext> | AppLoadContext;
}
export function reactRouter<TEnv extends Env>({ build, mode, getLoadContext }: RemixMiddlewareOptions) {
  const requestHandler = createRequestHandler(build, mode);
  return createMiddleware<TEnv>(async (c) => {
    const loadContext = getLoadContext?.(c);
    return await requestHandler(c.req.raw, loadContext instanceof Promise ? await loadContext : loadContext);
// ^^ the cause of error,.
  });
}