\\n {message.content}\\n {values.ui\\n ?.filter((ui) => ui.metadata?.message_id === message.id)\\n .map((ui) => (\\n Loading...
} // Loading state\\n components={clientComponents} // Optional local components\\n meta={{ userId: \\\"123\\\" }} // Additional context\\n />\\n ))}\\n \\n))}\\n```\\n\\nKey `LoadExternalComponent` features:\\n- Fetches component bundles from LangGraph Platform automatically\\n- Renders components in Shadow DOM for style isolation\\n- Supports local component overrides via `components` prop\\n- Provides loading states with `fallback` prop\\n- Passes additional context via `meta` prop\\n\\n**Sources:** [docs/docs/cloud/how-tos/generative_ui_react.md:192-220](), [docs/docs/cloud/how-tos/generative_ui_react.md:225-276]()\\n\\n### useStreamContext Hook\\n\\nUI components can access thread state and interact with the graph using `useStreamContext`:\\n\\n```typescript\\nimport { useStreamContext } from \\\"@langchain/langgraph-sdk/react-ui\\\";\\n\\nconst WeatherComponent = (props: { city: string }) => {\\n const { thread, submit, meta } = useStreamContext();\\n \\n return (\\n \\n
Weather for {props.city}
\\n {props.temperature &&
Temperature: {props.temperature}°F
}\\n
\\n );\\n};\\n\\nconst DocumentComponent = (props: { title: string; content?: string }) => {\\n return (\\n