Overview

import { MCPServer } from "mcp-use";

const server = new MCPServer({
  name: "inventory-server",
  version: "1.0.0",
  description: "Look up products and inventory",
  basePath: "/mcp",
});

export default server;

import { z } from "zod";

export const getTime = server.tool(
  {
    name: "get-time",
    description: "Return the current server time",
    inputSchema: z.object({}),
    outputSchema: z.object({ timestamp: z.string() }),
  },
  async () => {
    const data = { timestamp: new Date().toISOString() };
    return {
      content: [{ type: "text", text: data.timestamp }],
      structuredContent: data,
    };
  },
);

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

export default function InventoryView() {
  const view = useToolContext<"show-inventory">();
  if (view.status === "pending") return <p>Loading…</p>;
  if (view.status === "error") return <p>{view.error.message}</p>;
  return <pre>{JSON.stringify(view.toolOutput, null, 2)}</pre>;
}

npm run dev