Add unstble prefixes, warnings, and imports to RSC docs

Author: brophdawg11

docs/api/rsc/RSCHydratedRouter.md

@@ -3,15 +3,30 @@ title: RSCHydratedRouter
 unstable: true
 ---
 
-# RSCHydratedRouter
+# unstable_RSCHydratedRouter
 
 [MODES: data]
 
+<br />
+<br />
+
+<docs-warning>This API is experimental and subject to breaking changes in
+minor/patch releases. Please use with caution and pay **very** close attention
+to release notes for relevant changes.</docs-warning>
+
 ## Summary
 
 Hydrates a server rendered `RSCPayload` in the browser.
 
-```tsx filename=entry.browser.tsx lines=[7-12]
+```tsx filename=entry.browser.tsx
+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 () => {

docs/api/rsc/RSCStaticRouter.md

@@ -3,15 +3,30 @@ title: RSCStaticRouter
 unstable: true
 ---
 
-# RSCStaticRouter
+# unstable_RSCStaticRouter
 
 [MODES: data]
 
+<br />
+<br />
+
+<docs-warning>This API is experimental and subject to breaking changes in
+minor/patch releases. Please use with caution and pay **very** close attention
+to release notes for relevant changes.</docs-warning>
+
 ## Summary
 
 Pre-renders an `RSCPayload` to HTML. Usually used in `routeRSCServerRequest`'s `renderHTML` callback.
 
-```tsx filename=entry.ssr.tsx lines=[9]
+```tsx filename=entry.ssr.tsx
+import { createFromReadableStream } from "@vitejs/plugin-rsc/ssr";
+// @ts-expect-error
+import * as ReactDomServer from "react-dom/server.edge";
+import {
+  unstable_RSCStaticRouter as RSCStaticRouter,
+  unstable_routeRSCServerRequest as routeRSCServerRequest,
+} from "react-router";
+
 routeRSCServerRequest({
   request,
   fetchServer,

docs/api/rsc/createCallServer.md

@@ -3,15 +3,30 @@ title: createCallServer
 unstable: true
 ---
 
-# createCallServer
+# unstable_createCallServer
 
 [MODES: data]
 
+<br />
+<br />
+
+<docs-warning>This API is experimental and subject to breaking changes in
+minor/patch releases. Please use with caution and pay **very** close attention
+to release notes for relevant changes.</docs-warning>
+
 ## Summary
 
 Create a React `callServer` implementation for React Router.
 
 ```tsx filename=entry.browser.tsx
+import {
+  createFromReadableStream,
+  createTemporaryReferenceSet,
+  encodeReply,
+  setServerCallback,
+} from "@vitejs/plugin-rsc/browser";
+import { unstable_createCallServer as createCallServer } from "react-router";
+
 setServerCallback(
   createCallServer({
     createFromReadableStream,

docs/api/rsc/getRSCStream.md

@@ -3,15 +3,30 @@ title: getRSCStream
 unstable: true
 ---
 
-# getRSCStream
+# unstable_getRSCStream
 
 [MODES: data]
 
+<br />
+<br />
+
+<docs-warning>This API is experimental and subject to breaking changes in
+minor/patch releases. Please use with caution and pay **very** close attention
+to release notes for relevant changes.</docs-warning>
+
 ## Summary
 
 Get the prerendered RSC stream for hydration. Usually passed directly to your `react-server-dom-xyz/client`'s `createFromReadableStream`.
 
-```tsx filename=entry.browser.tsx lines=[1]
+```tsx filename=entry.browser.ts
+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 () => {

docs/api/rsc/matchRSCServerRequest.md

@@ -3,15 +3,31 @@ title: matchRSCServerRequest
 unstable: true
 ---
 
-# matchRSCServerRequest
+# unstable_matchRSCServerRequest
 
 [MODES: data]
 
+<br />
+<br />
+
+<docs-warning>This API is experimental and subject to breaking changes in
+minor/patch releases. Please use with caution and pay **very** close attention
+to release notes for relevant changes.</docs-warning>
+
 ## Summary
 
 Matches the given routes to a Request and returns a RSC Response encoding an `RSCPayload` for consumption by a RSC enabled client router.
 
 ```tsx filename=entry.rsc.ts
+import {
+  createTemporaryReferenceSet,
+  decodeAction,
+  decodeReply,
+  loadServerAction,
+  renderToReadableStream,
+} from "@vitejs/plugin-rsc/rsc";
+import { unstable_matchRSCServerRequest as matchRSCServerRequest } from "react-router";
+
 matchRSCServerRequest({
   createTemporaryReferenceSet,
   decodeAction,

docs/api/rsc/routeRSCServerRequest.md

@@ -3,15 +3,29 @@ title: routeRSCServerRequest
 unstable: true
 ---
 
-# routeRSCServerRequest
+# unstable_routeRSCServerRequest
 
 [MODES: data]
 
+<br />
+<br />
+
+<docs-warning>This API is experimental and subject to breaking changes in
+minor/patch releases. Please use with caution and pay **very** close attention
+to release notes for relevant changes.</docs-warning>
+
 ## Summary
 
 Routes the incoming request to the RSC server and appropriately proxies the server response for data / resource requests, or renders to HTML for a document request.
 
 ```tsx filename=entry.ssr.tsx
+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,
   fetchServer,