react/compiler/packages/react-mcp-server
lauren 35ab8ffef7
[mcp] Add inspect script (#32928)
Uses https://github.com/modelcontextprotocol/inspector to inspect and
debug the mcp server.

`yarn workspace react-mcp-server dev` will build the server in watch
mode and launch the inspector. Default address is http://127.0.0.1:6274.
---
[//]: # (BEGIN SAPLING FOOTER)
Stack created with [Sapling](https://sapling-scm.com). Best reviewed
with [ReviewStack](https://reviewstack.dev/facebook/react/pull/32928).
* #32932
* #32931
* #32930
* #32929
* __->__ #32928
2025-04-16 17:48:38 -04:00
..
src [compiler] Init react-mcp-server (#32859) 2025-04-14 18:39:00 -04:00
package.json [mcp] Add inspect script (#32928) 2025-04-16 17:48:38 -04:00
README.md [compiler] Init react-mcp-server (#32859) 2025-04-14 18:39:00 -04:00
todo.md [compiler] Init react-mcp-server (#32859) 2025-04-14 18:39:00 -04:00
tsconfig.json [compiler] Init react-mcp-server (#32859) 2025-04-14 18:39:00 -04:00
tsup.config.ts [compiler] Init react-mcp-server (#32859) 2025-04-14 18:39:00 -04:00

React MCP Server (experimental)

An experimental MCP Server for React.

Development

First, add this file if you're using Claude Desktop: code ~/Library/Application\ Support/Claude/claude_desktop_config.json. Copy the absolute path from which node and from react/compiler/react-mcp-server/dist/index.js and paste, for example:

{
  "mcpServers": {
    "react": {
      "command": "/Users/<username>/.asdf/shims/node",
      "args": [
        "/Users/<username>/code/react/compiler/packages/react-mcp-server/dist/index.js"
      ]
    }
  }
}

Next, run yarn workspace react-mcp-server watch from the react/compiler directory and make changes as needed. You will need to restart Claude everytime you want to try your changes.