Debug React React issues
with screen recordings

Replay the user recordings with logs, errors, and network data.
Works with Vite, CRA, and custom setups.

View DocsGet Started
Userplane screen recording from a React application

Works with the tools you already use

IntercomIntercom
ZendeskZendesk
CrispCrisp
Help ScoutHelp Scout
SlackSlack
ZapierZapier
FreshdeskFreshdesk
HubSpotHubSpot
JiraJira
LinearLinear
NotionNotion
SalesforceSalesforce
IntercomIntercom
ZendeskZendesk
CrispCrisp
Help ScoutHelp Scout
SlackSlack
ZapierZapier
FreshdeskFreshdesk
HubSpotHubSpot
JiraJira
LinearLinear
NotionNotion
SalesforceSalesforce
01

One-click session capture

Customers click a link and record. You get a full replay with every component render, navigation event, and runtime error. No installs on their end.

No installs, full replay

One-click recording linksFull session replayNo browser extensionsWorks with any React setup
Learn more
One-click session capture
02

Console and network context

Errors, request details, browser metadata, and user action trails — captured automatically with every recording from your React application.

Full stack visibility

Console errors and stack tracesNetwork request snapshotsBrowser and OS contextUser action trail
Learn more
Console and network context
03

Built-in data redaction

Sensitive fields are masked client-side before recordings reach your team. SDK-level redaction rules and consent flow controls. GDPR and CCPA compliant.

Compliant from day one

In-browser data redactionSDK-level redaction rulesConsent flow controlsGDPR & CCPA covered
Learn more
Built-in data redaction
04

Routes to your support tools

Screen recordings flow to Intercom, Zendesk, or Slack. Link recordings to support tickets. API and webhooks for custom pipelines.

Context where you triage

Intercom, Zendesk, SlackSessions attached to ticketsAPI and webhook endpointsCustom pipeline support
Learn more
Routes to your support tools
Resources

React

Guide

React Setup Guide

Install Userplane in your React application. Provider component and useEffect initialization.

SDK

SDK Overview

Script tag or npm. Pass user metadata, control recording state, and configure redaction.

Recording

How Screen Recording Works

How recordings collect console errors, network data, and session activity automatically.

Framework

Next.js

Capture console logs, network requests, and session details from your Next.js app. Works with App Router and Server Components.

Framework

Vue

Every Vue recording ships with console logs, network data, and session activity across Vue 3 components and Vue Router transitions.

Framework

Angular

Resolve Angular bugs from screen recordings. Get console logs, network data, and session activity from standalone components.

View all frameworks See all docs

Resolve React issues without the back-and-forth

Stop chasing customers for repro steps. Every recording includes the console logs, network data, and context your team needs.

View DocsGet Started