Connect any React application to an MCP server in three lines of code

Cloudflare open-sourced use-mcp, a React library that connects to Model Context Protocol (MCP) servers with just 3 lines of code, handling transport protocols, authentication, and session management automatically. The library supports OAuth 2.1, connection retries, real-time state management, and both Server-Sent Events and Streamable HTTP transport methods. Additionally, Cloudflare released their AI Playground source code, a complete chat interface that demonstrates MCP integration with Workers AI and provides debugging capabilities for MCP connections.