Function unstable_RSCStaticRouter

unstable_RSCStaticRouter(props: unstable_RSCStaticRouterProps): null | Element

Pre-renders an unstable_RSCPayload to HTML. Usually used in unstable_routeRSCServerRequest's renderHTML callback.

Parameters

props: unstable_RSCStaticRouterProps
Props

Props for the unstable_RSCStaticRouter component.
- getPayload: () => DecodedPayload
  A function that starts decoding of the unstable_RSCPayload. Usually passed through from unstable_routeRSCServerRequest's renderHTML.

Returns null | Element

A React component that renders the unstable_RSCPayload as HTML.

Example

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,
      }
    );
  },
});

Name

unstable_RSCStaticRouter

Mode

data