React Router v7 ドキュメント 日本語版

English

unstable_getRSCStream



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

概要

ハイドレーションのためのプリレンダリングされた RSC ストリームを取得します。通常、react-server-dom-xyz/client の createFromReadableStream に直接渡されます。

import { startTransition, StrictMode } from "react";
import { hydrateRoot } from "react-dom/client";
import {
  unstable_getRSCStream as getRSCStream,
  unstable_RSCHydratedRouter as RSCHydratedRouter,
} from "react-router";
import type { unstable_RSCPayload as RSCPayload } from "react-router";
 
createFromReadableStream(getRSCStream()).then(
  (payload: RSCServerPayload) => {
    startTransition(async () => {
      hydrateRoot(
        document,
        <StrictMode>
          <RSCHydratedRouter {...props} />
        </StrictMode>,
        {
          // Options
        }
      );
    });
  }
);

シグネチャ

function getRSCStream(): ReadableStream

戻り値

ハイドレーション用の RSC データを含む ReadableStream を返します。