React Component Crawler avatar
React Component Crawler

Pricing

Pay per usage

Go to Store
React Component Crawler

React Component Crawler

Developed by

Diarmuid

Diarmuid

Maintained by Community

Get the state out of react components on a webpage, just specify the urls and the css selector for the components for which the state should be extracted.

0.0 (0)

Pricing

Pay per usage

2

Total users

11

Monthly users

2

Runs succeeded

>99%

Last modified

4 months ago

You can access the React Component Crawler programmatically from your own applications by using the Apify API. You can also choose the language preference from below. To use the Apify API, you’ll need an Apify account and your API token, found in Integrations settings in Apify Console.

{
"mcpServers": {
"apify": {
"command": "npx",
"args": [
"mcp-remote",
"https://mcp.apify.com/sse?actors=diarmuidr/react-component-crawler",
"--header",
"Authorization: Bearer <YOUR_API_TOKEN>"
]
}
}
}

Configure MCP server with React Component Crawler

You have a few options for interacting with the MCP server:

  • Use mcp.apify.com via mcp-remote from your local machine to connect and authenticate using OAuth or an API token (as shown in the JSON configuration above).

  • Set up the connection directly in your MCP client UI by providing the URL https://mcp.apify.com/sse?actors=diarmuidr/react-component-crawler along with an API token (or use OAuth).

  • Connect to mcp.apify.com via Server-Sent Events (SSE), as shown below:

{
"mcpServers": {
"apify": {
"type": "sse",
"url": "https://mcp.apify.com/sse?actors=diarmuidr/react-component-crawler",
"headers": {
"Authorization": "Bearer <YOUR_API_TOKEN>"
}
}
}
}

You can connect to the Apify MCP Server using clients like Tester MCP Client, or any other MCP client of your choice.

If you want to learn more about our Apify MCP implementation, check out our MCP documentation. To learn more about the Model Context Protocol in general, refer to the official MCP documentation or read our blog post.