Welcome

import { MCPServer } from "mcp-use";
import { z } from "zod";

const server = new MCPServer({
  name: "greeter",
  version: "1.0.0",
});

export const greet = server.tool(
  {
    name: "greet",
    description: "Greet someone by name",
    inputSchema: z.object({
      name: z.string().describe("Name of the person to greet"),
    }),
    outputSchema: z.object({
      greeting: z.string(),
    }),
    view: { name: "greeting" },
  },
  async ({ name }) => {
    const data = { greeting: `Hello, ${name}!` };

    return {
      content: [{ type: "text", text: data.greeting }],
      structuredContent: data,
    };
  },
);

export default server;

import { useToolContext } from "mcp-use/react";

export default function Greeting() {
  const view = useToolContext<"greet">();

  if (view.status === "pending") return <p>Loading…</p>;
  if (view.status === "error") return <p>{view.error.message}</p>;

  return <h1>👋 {view.toolOutput.greeting}</h1>;
}