use-mcp-react
Supports UIby webmcp-org
React hooks for seamlessly connecting browser applications to remote MCP servers with built-in OAuth support.
What it does
use-mcp-react provides a robust state machine and set of React hooks to manage the lifecycle of MCP server connections in the browser. It handles complex authentication flows including MCP OAuth, PKCE, Dynamic Client Registration, and bearer tokens, allowing developers to build MCP-powered UIs without managing the underlying transport and auth logic.
Key features
- Unified Auth State: Automatically classifies auth requirements (OAuth, Bearer, or None).
- OAuth Lifecycle: Integrated support for PKCE and Dynamic Client Registration.
- Transport Proxying: Built-in patterns for bypassing CORS via transport proxies.
- MCP App Hosting: Specialized helpers for rendering
ui://resources in sandboxed iframes.
Installation
Install via npm:
npm install use-mcp-react react
Supported hosts
- Claude.ai web
- Browser-based MCP clients
Quick install
npm install use-mcp-react reactInformation
- Pricing
- free
- Published
- 6/11/2026
- stars
- 0
Categories
Choose your AI client and follow the steps below.
claude-ai
Connect via an MCP server URL in Claude.ai Settings → IntegrationsRelated Apps
DiffSitter MCP
MCP ServerAI-powered structural code navigation using tree-sitter ASTs for semantic understanding across 14+ languages.
OpenAI Apps SDK Examples
MCP AppOfficial example gallery of interactive MCP widgets for ChatGPT — 3D viewers, maps, carousels, shopping carts, and more.
Human MCP
MCP ServerGive AI agents human-like senses: visual analysis, image/video generation, speech synthesis, browser automation, and advanced reasoning — 29 MCP tools in one se
Shopify MCP Server
MCP ServerDirect interaction with Shopify store data via GraphQL API for managing products, customers, and orders.
Git MCP Server
MCP ServerFull-featured Git MCP server exposing 28 tools for AI agents to clone, commit, branch, diff, merge, rebase, and more via STDIO or Streamable HTTP.
CodexPotter
MCP ServerAutonomous reconciliation loop that drives Codex to align your codebase with instructed states.
Smart Coding MCP
MCP ServerSemantic code search for AI assistants using local embeddings — find code by meaning, not just keywords.
Snowflake MCP Server
MCP ServerDirect Snowflake database interaction via MCP, enabling AI to run SQL queries, explore schemas, and manage data insights.