Rsc Streaming Ui

Operator's RSC streamUI tool `getWeather.generate` returns a plain object `{ temp: 72 }`. The page never renders the weather card.

In streamUI, each tool's `generate` (async generator or function) must yield and/or return a React node, not raw data. Wrap data in a server component (`<WeatherCard data={...} />`). The streamed result is then a React tree the client can render via useUIState.

streamUI tool `getInvoice.generate` is an async generator that yields a spinner first then returns the final InvoiceCard. The UI never shows the spinner.

In streamUI tool generate, yield a loading React node first, then `return` the final node when data is ready. The yielded value renders immediately and the returned value replaces it. Use an async generator (yield + return), not a plain async function (which only resolves once).

streamUI tool returns `<ClientChart data={dbRow} />` where dbRow contains a secret token field; the secret leaks to the browser bundle.

Sanitize server-side data before passing into a client component — only serializable, non-secret fields cross the RSC boundary. Better: keep rendering inside a server component (no `use client`) so the secret never serializes; render only the safe view on the client.