unstable_RSCStaticRouter

このAPIは実験的なものであり、マイナー/パッチリリースで破壊的な変更が加えられる可能性があります。使用には注意し、関連する変更についてはリリースノートに非常に注意してください。

概要

unstable_RSCPayload をHTMLにプリレンダリングします。通常、unstable_routeRSCServerRequest の renderHTML コールバックで使用されます。

import { createFromReadableStream } from "@vitejs/plugin-rsc/ssr";
import * as ReactDomServer from "react-dom/server.edge";
import {
  unstable_RSCStaticRouter as RSCStaticRouter,
  unstable_routeRSCServerRequest as routeRSCServerRequest,
} from "react-router";
 
routeRSCServerRequest({
  request,
  serverResponse,
  createFromReadableStream,
  async renderHTML(getPayload) {
    const payload = getPayload();
 
    return await renderHTMLToReadableStream(
      <RSCStaticRouter getPayload={getPayload} />,
      {
        bootstrapScriptContent,
        formState: await payload.formState,
      }
    );
  },
});

シグネチャ

function RSCStaticRouter({ getPayload }: RSCStaticRouterProps)

Props

getPayload

unstable_RSCPayload のデコードを開始する関数です。通常、unstable_routeRSCServerRequest の renderHTML から渡されます。