Reference
Packages and exports
Choose the package entry point for each setup.
| Package or export | Purpose |
|---|---|
genie-react | The <Genie /> app component. |
genie-react/vite | Vite plugin and embedded hub. |
genie-react/script | Development-only script component for SSR layouts. |
genie-react/next | Next.js hub registration and <GenieScript />. |
genie-react/native | React Native and Expo component. |
genie-react/navigation | Native-stack app tools with transition settlement. |
genie-react/hook | Early React DevTools hook for manual web and native setup. |
genie-react/client | Browser client and core collectors. |
genie-react/collectors | Manual collector composition, including timeline. |
genie-react/collectors/query | Query collector without Router types. |
genie-react/collectors/router | Router collector. |
genie-react/hub | Standalone local hub API. |
genie-react/protocol | Tool contracts, schemas, and wire types. |
@genie-react/cli | The genie-react terminal command. |
Peer support
| Dependency | Supported version |
|---|---|
| React | 18 or newer |
| Vite | 5 or newer |
| TanStack Query | 5 or newer |
| TanStack Router | 1 or newer |
Query and Router are separate optional integrations. The Vite plugin supplies development stubs
when either package is absent. The Next.js Query setup registers queryCollector directly and does
not install or use TanStack Router. Native and collector-only entries register only the integrations
the app passes.