Install the Packages

The Char React integration uses two packages: the core agent and the React WebMCP hook.

Install via npm

Run this command in the terminal:

Terminal window
npm install @mcp-b/char @mcp-b/react-webmcp zod

This installs:

  • @mcp-b/char — The <Char> React component
  • @mcp-b/react-webmcp — The useWebMCP hook for tools
  • zod — Type-safe schema validation

What’s in each package?

PackagePurpose
@mcp-b/char<Char /> component + TypeScript types
@mcp-b/react-webmcpuseWebMCP() hook for registering tools
zodSchema definitions with TypeScript inference

Verify installation

Check your package.json includes all three dependencies.

Click Solve if you need help.

Choose Your Track
Embed the Agent
Powered by WebContainers
Files
Preparing Environment
No preview to run nor steps to show