React Native Debugger

An MCP server that connects to your React Native application debugger

typescript

31

GitHub Stars

typescript

Language

6 months ago

First Indexed

2 months ago

Catalog Refreshed

Documentation & install

Readme and setup notes from the catalogue, plus a client-ready config you can copy for your MCP host.

Installation

Add the following to your MCP client configuration file.

Configuration

View docs

{
  "mcpServers": {
    "twodoorsdev-react-native-debugger-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@twodoorsdev/react-native-debugger-mcp"
      ]
    }
  }
}

You can run a small MCP server that connects to your React Native application debugger to fetch console logs from Metro. This makes it easy to surface logs in your MCP client for debugging and monitoring.

How to use

With an MCP client, you connect to this server to receive console logs from Metro in your React Native debugging workflow. Start the server locally, then configure your MCP client to consume the stream of logs emitted by the server. You can use it to filter, route, or display logs alongside other data sources in your MCP ecosystem.

How to install

Prerequisites: Node.js and npm (or a compatible Node runtime) must be installed on your machine.

Install and run the MCP server via a one-liner using npx.

npx -y @twodoorsdev/react-native-debugger-mcp

Additional notes

Configuration for MCP clients: you can add a dedicated MCP entry to your client configuration to load this server. The following snippet shows how to register the server in your MCP config.

{
  "mcpServers": {
    "react-native-debugger-mcp": {
      "command": "npx",
      "args": ["-y", "@twodoorsdev/react-native-debugger-mcp"]
    }
  }
}

Available tools

console_logs

Retrieves console logs from Metro in the React Native Debugger MCP server, enabling MCP clients to consume and display logs.