How to install React MCP in VS Code

1. 1

   One click (fastest)

   Click the button to open VS Code with this server ready to install.

   Add React MCP to VS Code
2. 2

   Or add it by hand

   Create .vscode/mcp.json and paste this. Note that VS Code uses "servers", not "mcpServers".

   {
     "servers": {
       "react-mcp": {
         "command": "npx",
         "args": [
           "-y",
           "@syncfusion/react-mcp"
         ]
       }
     }
   }

   Copy
3. 3

   Start it in Copilot Chat

   Open Copilot Chat in Agent mode and pick the server from the tools menu.

Config file: .vscode/mcp.json in your workspace

MCP servers run with your permissions. If React MCP needs an API key, add it under env in the config. Check its README.

Similar servers

O

Oh My Posh Validator JanDeDobbeleer

100

Validate oh-my-posh configurations and segment snippets against the official schema.

AAA Remote 24k

J

Jitsu jitsucom

100

Manage Jitsu data pipelines: destinations, streams, connections, functions, live events.

AAA Remote 5.1k

O

openstatus openstatusHQ

98

Manage monitors, status pages, incidents and maintenances in your openstatus workspace.

ACA Remote 9.2k