React Component Crawler
Pricing
Pay per usage
React Component Crawler
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
4
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.
$# Start Server-Sent Events (SSE) session and keep it running<curl "https://actors-mcp-server.apify.actor/sse?token=<YOUR_API_TOKEN>&actors=diarmuidr/react-component-crawler"
# Session id example output:# event: endpoint# data: /message?sessionId=9d820491-38d4-4c7d-bb6a-3b7dc542f1faUsing React Component Crawler via Model Context Protocol (MCP) server
MCP server lets you use React Component Crawler within your AI workflows. Send API requests to trigger actions and receive real-time results. Take the received sessionId and use it to communicate with the MCP server. The message starts the React Component Crawler Actor with the provided input.
$curl -X POST "https://actors-mcp-server.apify.actor/message?token=<YOUR_API_TOKEN>&session_id=<SESSION_ID>" -H "Content-Type: application/json" -d '{$ "jsonrpc": "2.0",$ "id": 1,$ "method": "tools/call",$ "params": {$ "arguments": {$ "startUrls": [$ {$ "url": "https://support.gymshark.com/en-US/article/delivery-information"$ }$ ],$ "selector": ".sc-13h7cj7-0"$},$ "name": "diarmuidr/react-component-crawler"$ }$}'The response should be: Accepted. You should received response via SSE (JSON) as:
$event: message$data: {$ "result": {$ "content": [$ {$ "type": "text",$ "text": "ACTOR_RESPONSE"$ }$ ]$ }$}Configure local MCP Server via standard input/output for React Component Crawler
You can connect to the MCP Server using clients like ClaudeDesktop and LibreChat or build your own. The server can run both locally and remotely, giving you full flexibility. Set up the server in the client configuration as follows:
{ "mcpServers": { "actors-mcp-server": { "command": "npx", "args": [ "-y", "@apify/actors-mcp-server", "--actors", "diarmuidr/react-component-crawler" ], "env": { "APIFY_TOKEN": "<YOUR_API_TOKEN>" } } }}You can further access the MCP client through the Tester MCP Client, a chat user interface to interact with the server.
To get started, check out the documentation and example clients. If you are interested in learning more about our MCP server, check out our blog post.
