Genie React
Setup

Setup by platform

Add the hub, browser client, and app collectors.

Genie has three parts:

  1. The hub receives tool calls from the CLI.
  2. The client connects the open app to the hub.
  3. Collectors expose React, Query, Router, memory, and performance data.

Use init for Vite and Next.js. Use a manual setup when the framework needs more control.

Vite and TanStack Start

Next.js

Other web bundlers

React Native and Expo

CLI output

Pick compact text, JSON, JSONL, or selected fields.

Vite and TanStack Start

Run the hub through the Vite plugin and add app collectors.