Connect MCP Server to Copilotkit UI

[lyric ice]

I have an MCP server built with FastMCP but having a hard time connecting it with Copilotkit UI

[weak flax]

@lyric ice To connect your FastMCP server to CopilotKit UI:

In your React chat page, call

useCopilotChat().setMcpServers([{ endpoint: "YOUR_FASTMCP_URL" }])

Create/update your Next.js API route (e.g., app/api/copilotkit/route.ts) to use CopilotRuntime with a createMCPClient that connects to your FastMCP server.

Make sure your FastMCP client implements the MCPClient interface and includes a tools() method that returns your available tools.
Docs for MCP setup: https://docs.copilotkit.ai/direct-to-llm/guides/model-context-protocol?cli=do-it-manually

[lyric ice]

thanks for the help @mental bane