Skip to content
React SDK

Bug reporting for Web.

AI-ready bug reports from your web apps.

TraceItX captures the focused DOM node, the component tree, a screenshot, console and network state — signed and forwarded to your tools or our dashboard, ready for your AI to act on.

In-app bug reporting for the web

A screenshot pasted into a ticket rarely says enough: which element, which route, what was in the console, which request failed. TraceItX adds a one-click reporter to your web app so anyone — QA, beta users, or your own team behind a login — can capture all of that at once, without installing an extension or filming their screen.

How capture works on the web

When the reporter opens, the React SDK serialises the DOM and component tree, renders an in-browser screenshot of the current viewport, and captures recent console logs and network requests — including the route the user was on. Elements you mark as sensitive are redacted, and users can blur regions of the screenshot before sending. It all leaves as one signed envelope.

Works with your stack

The web path is the React SDK: a provider you wrap your app in, which captures the React component tree alongside the DOM. Because the captured envelope is identical to every other platform, your triage prompts and integrations are written once.

What every Web report captures

  • The focused element + the DOM/component tree at the moment of the report.
  • A screenshot with the reporter's annotation, masked for PII.
  • Console logs and network requests from the seconds before the report.
  • App, SDK, browser and device metadata — signed.

Install

npm install @traceitx/react

Questions

Which web frameworks are supported?

React. The React SDK wraps your app in a provider and captures the React component tree alongside the DOM. A framework-agnostic build for plain JavaScript, Vue or Svelte does not exist yet — if that is what you need, tell us and we will scope it.

What does an AI get from a web report?

A structured, typed envelope — DOM/component tree, focused element, screenshot, console and network — so an agent acts on the bug instead of asking what it is.