docs: add Continue.dev MCP snippet to MCP_USAGE.md#61
Conversation
There was a problem hiding this comment.
Code Review
This pull request adds documentation for integrating the React Debugger MCP server with the Continue AI coding assistant, covering global, workspace-scoped, and legacy configuration options. The review feedback points out two issues: the workspace-scoped YAML configuration contains incorrect top-level wrappers and metadata, and the verification instructions at the end of the file are cut off and need to be completed.
Important
The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.
| name: react-debugger | ||
| version: 1.0.0 | ||
| schema: v1 | ||
| mcpServers: | ||
| - name: react-debugger | ||
| command: npx | ||
| args: | ||
| - -y | ||
| - "@nhonh/react-debugger@latest" | ||
| - mcp |
There was a problem hiding this comment.
In Continue, individual files placed in the .continue/mcpServers/ directory represent a single MCP server configuration. Therefore, they should not contain the top-level mcpServers list wrapper or metadata like version and schema. Instead, the file should directly define the server's configuration properties (like command and args).
| name: react-debugger | |
| version: 1.0.0 | |
| schema: v1 | |
| mcpServers: | |
| - name: react-debugger | |
| command: npx | |
| args: | |
| - -y | |
| - "@nhonh/react-debugger@latest" | |
| - mcp | |
| command: npx | |
| args: | |
| - -y | |
| - "@nhonh/react-debugger@latest" | |
| - mcp |
|
|
||
| 1. Open VS Code with the Continue extension installed. | ||
| 2. Switch Continue to **Agent** mode (MCP tools only work in Agent mode, not Chat mode). | ||
| 3. In the Continue chat panel, type: |
There was a problem hiding this comment.
The instruction on this line is cut off and ends abruptly. Please complete the sentence to guide the user on what they should type in the Continue chat panel to verify the tools.
| 3. In the Continue chat panel, type: | |
| 3. In the Continue chat panel, ask a question that triggers the tool, for example: "Get the fiber node of the root element". |
|
Hey @Kunall7890 — welcome back for round 2! 🎉 The CI is showing a false-negative on the Star Check (read-replica lag — your star is definitely there, verified in the stargazer list, but the API can't see it for ~30s+ after a new push). I've applied the What I love about this PR
Two small suggestions for future contributions (no change required here)These are nits I noticed in passing — your PR is already great, take them as future-project ideas:
Build+Test note (FYI, not a blocker)The Build+Test job had 2 pre-existing test failures (test debt: emoji assertions in Merging nowGoing to squash-merge once CI re-runs (should be ~30s). Issue #5 will auto-close. Welcome back to the contributors list, twice in a row! 🎉 — Hoài |
Linked issue
Closes #5
Type of change
What changed
Added a
## Continuesection tocli/docs/MCP_USAGE.mdso that Continue.dev users can connect the react-debugger MCP server without having to figure out the config format themselves. The section covers three setup options (global YAML, workspace-scoped YAML, and legacy JSON) plus step-by-step verification instructions including how to callget_fiber_nodefrom the Continue Agent panel.Testing notes
Verified the snippet is present in the file:
$ node -e "
const fs = require('fs');
const content = fs.readFileSync('cli/docs/MCP_USAGE.md', 'utf8');
if (content.includes('mcpServers') && content.includes('react-debugger')) {
console.log('OK - snippet found in file');
} else {
console.log('ERROR - snippet missing');
}
"
OK - snippet found in file
Note: Full tool verification requires the mcp subcommand to be published to npm. The doc already carries a Preview/unreleased warning for this reason.
Claim confirmation
Checklist
Screenshots / GIFs
Screenshot of Continue Agent showing react-debugger tools loaded will be added once @nhonh/react-debugger@latest mcp is published to npm (currently preview/unreleased per the doc header).
Additional notes
Continue.dev recently migrated from config.json to config.yaml as its preferred format. This PR covers both formats so existing users on either version are unblocked. The workspace-scoped YAML option is also included for teams who want per-project MCP configuration.