Add `@sentry/react-native/playground` #4916

krystofwoldrich · 2025-06-13T09:06:54Z

📢 Type of change

New feature

📜 Description

This PR adds a new export the the Sentry React Native SDK @sentry/react-native/playground.

The playground is a simple test UI which helps users to try out Sentry Error monitoring capabilities and confirm their application is setup correctly.

import * as Sentry from '@sentry/react-native';
import { withSentryPlayground } from '@sentry/react-native/playground';

function App() {
  return <View>...</View>;
}
export default withSentryPlayground(Sentry.wrap(App), {
  projectId: '123456',
  organizationSlug: 'my-org'
});

💡 Motivation and Context

This improves the @sentry/wizard experience and let's users finish the CLI Wizard before testing the Sentry features.

💚 How did you test it?

sample apps, expo, snapshot test

📝 Checklist

I added tests to verify changes
No new PII added or SDK only sends newly added PII if sendDefaultPII is enabled
I updated the docs if needed.
I updated the wizard if needed.
All tests passing
No breaking changes

🔮 Next steps

github-actions · 2025-06-13T09:26:52Z

iOS (legacy) Performance metrics 🚀

	Plain	With Sentry	Diff
Startup time	1212.59 ms	1228.16 ms	15.58 ms
Size	2.63 MiB	3.78 MiB	1.15 MiB

Baseline results on branch: main

Startup times

Revision	Plain	With Sentry	Diff
`f2c6fa5`+dirty	1230.27 ms	1236.20 ms	5.93 ms
`7d3c3cb`+dirty	1226.39 ms	1227.10 ms	0.71 ms
`1f1c420`+dirty	1216.77 ms	1214.48 ms	-2.29 ms
`b4d6bde`+dirty	1223.22 ms	1243.56 ms	20.34 ms
`ec2a485`+dirty	1219.72 ms	1224.66 ms	4.94 ms
`df5da5d`+dirty	1235.98 ms	1243.41 ms	7.43 ms
`6e8a851`+dirty	1227.96 ms	1235.61 ms	7.65 ms
`c352c30`+dirty	1216.60 ms	1231.37 ms	14.77 ms
`0e42017`+dirty	1225.89 ms	1231.63 ms	5.74 ms
`940bd65`+dirty	1216.88 ms	1225.23 ms	8.35 ms

App size

Revision	Plain	With Sentry	Diff
`f2c6fa5`+dirty	2.63 MiB	3.78 MiB	1.15 MiB
`7d3c3cb`+dirty	2.63 MiB	3.78 MiB	1.15 MiB
`1f1c420`+dirty	2.63 MiB	3.77 MiB	1.14 MiB
`b4d6bde`+dirty	2.63 MiB	3.77 MiB	1.14 MiB
`ec2a485`+dirty	2.63 MiB	3.78 MiB	1.15 MiB
`df5da5d`+dirty	2.63 MiB	3.78 MiB	1.15 MiB
`6e8a851`+dirty	2.63 MiB	3.78 MiB	1.15 MiB
`c352c30`+dirty	2.63 MiB	3.78 MiB	1.15 MiB
`0e42017`+dirty	2.63 MiB	3.78 MiB	1.15 MiB
`940bd65`+dirty	2.63 MiB	3.78 MiB	1.15 MiB

Previous results on branch: kw-starter-wizard

Startup times

Revision	Plain	With Sentry	Diff
`7a3b0a9`+dirty	1214.71 ms	1221.47 ms	6.76 ms

App size

Revision	Plain	With Sentry	Diff
`7a3b0a9`+dirty	2.63 MiB	3.78 MiB	1.15 MiB

github-actions · 2025-06-13T09:32:03Z

iOS (new) Performance metrics 🚀

	Plain	With Sentry	Diff
Startup time	1233.45 ms	1245.18 ms	11.73 ms
Size	3.19 MiB	4.35 MiB	1.17 MiB

Baseline results on branch: main

Startup times

Revision	Plain	With Sentry	Diff
`f2c6fa5`+dirty	1223.47 ms	1227.37 ms	3.90 ms
`7d3c3cb`+dirty	1214.56 ms	1234.53 ms	19.97 ms
`1f1c420`+dirty	1238.06 ms	1234.04 ms	-4.02 ms
`b4d6bde`+dirty	1218.73 ms	1223.26 ms	4.53 ms
`ec2a485`+dirty	1209.65 ms	1229.18 ms	19.53 ms
`df5da5d`+dirty	1226.82 ms	1234.88 ms	8.06 ms
`6e8a851`+dirty	1222.57 ms	1223.67 ms	1.10 ms
`c352c30`+dirty	1229.65 ms	1241.33 ms	11.67 ms
`0e42017`+dirty	1235.77 ms	1247.43 ms	11.66 ms
`940bd65`+dirty	1224.39 ms	1215.57 ms	-8.82 ms

App size

Revision	Plain	With Sentry	Diff
`f2c6fa5`+dirty	3.19 MiB	4.35 MiB	1.17 MiB
`7d3c3cb`+dirty	3.19 MiB	4.35 MiB	1.16 MiB
`1f1c420`+dirty	3.19 MiB	4.34 MiB	1.16 MiB
`b4d6bde`+dirty	3.19 MiB	4.34 MiB	1.16 MiB
`ec2a485`+dirty	3.19 MiB	4.35 MiB	1.17 MiB
`df5da5d`+dirty	3.19 MiB	4.35 MiB	1.17 MiB
`6e8a851`+dirty	3.19 MiB	4.35 MiB	1.17 MiB
`c352c30`+dirty	3.19 MiB	4.35 MiB	1.17 MiB
`0e42017`+dirty	3.19 MiB	4.35 MiB	1.16 MiB
`940bd65`+dirty	3.19 MiB	4.35 MiB	1.16 MiB

Previous results on branch: kw-starter-wizard

Startup times

Revision	Plain	With Sentry	Diff
`7a3b0a9`+dirty	1249.96 ms	1237.41 ms	-12.55 ms

App size

Revision	Plain	With Sentry	Diff
`7a3b0a9`+dirty	3.19 MiB	4.35 MiB	1.17 MiB

antonis

Awesome enhancement @krystofwoldrich 🎸
Thank you for working to improve the user experience 🙇
Apart from a minor lint issue and the snapshot tests which we can tackle the changes look great.
I can follow up with a wizard PR if you aren't on it already.

krystofwoldrich · 2025-06-13T12:13:42Z

Thank you, I've updated the lint and the snaps.

github-actions · 2025-06-13T12:20:32Z

Android (legacy) Performance metrics 🚀

	Plain	With Sentry	Diff
Startup time	431.72 ms	454.91 ms	23.19 ms
Size	17.75 MiB	20.15 MiB	2.40 MiB

Baseline results on branch: main

Startup times

Revision	Plain	With Sentry	Diff
`940bd65`	466.31 ms	458.52 ms	-7.79 ms
`0e42017`	402.23 ms	415.04 ms	12.81 ms
`52d9c3f`	481.48 ms	468.53 ms	-12.95 ms
`b4d6bde`	425.51 ms	417.37 ms	-8.14 ms
`ec2a485`	450.84 ms	447.49 ms	-3.35 ms
`7d3c3cb`	444.85 ms	456.65 ms	11.81 ms
`c352c30`	331.98 ms	321.78 ms	-10.20 ms
`f2c6fa5`	445.15 ms	449.13 ms	3.98 ms
`1f1c420`	403.32 ms	411.98 ms	8.66 ms
`df5da5d`	425.55 ms	432.96 ms	7.41 ms

App size

Revision	Plain	With Sentry	Diff
`940bd65`	17.75 MiB	20.15 MiB	2.40 MiB
`0e42017`	17.75 MiB	20.15 MiB	2.40 MiB
`52d9c3f`	17.75 MiB	20.15 MiB	2.40 MiB
`b4d6bde`	17.75 MiB	20.15 MiB	2.40 MiB
`ec2a485`	17.75 MiB	20.15 MiB	2.40 MiB
`7d3c3cb`	17.75 MiB	20.15 MiB	2.40 MiB
`c352c30`	17.75 MiB	20.15 MiB	2.40 MiB
`f2c6fa5`	17.75 MiB	20.15 MiB	2.40 MiB
`1f1c420`	17.75 MiB	20.15 MiB	2.40 MiB
`df5da5d`	17.75 MiB	20.15 MiB	2.40 MiB

Previous results on branch: kw-starter-wizard

Startup times

Revision	Plain	With Sentry	Diff
`7a3b0a9`	504.94 ms	512.22 ms	7.28 ms

App size

Revision	Plain	With Sentry	Diff
`7a3b0a9`	17.75 MiB	20.15 MiB	2.40 MiB

antonis

LGTM 🎸 🏅

github-actions · 2025-06-13T12:46:16Z

Android (new) Performance metrics 🚀

	Plain	With Sentry	Diff
Startup time	406.85 ms	406.59 ms	-0.26 ms
Size	7.15 MiB	8.42 MiB	1.26 MiB

Baseline results on branch: main

Startup times

Revision	Plain	With Sentry	Diff
`1f1c420`+dirty	383.31 ms	386.98 ms	3.67 ms
`ec2a485`+dirty	397.67 ms	390.91 ms	-6.76 ms
`df5da5d`+dirty	415.54 ms	456.96 ms	41.42 ms
`940bd65`+dirty	408.45 ms	419.75 ms	11.30 ms
`0e42017`+dirty	387.33 ms	399.30 ms	11.97 ms
`f2c6fa5`+dirty	435.84 ms	433.84 ms	-2.00 ms
`c352c30`+dirty	396.83 ms	378.11 ms	-18.72 ms
`6e8a851`+dirty	403.44 ms	430.87 ms	27.43 ms
`7d3c3cb`+dirty	395.20 ms	413.24 ms	18.04 ms
`b4d6bde`+dirty	390.51 ms	385.60 ms	-4.91 ms

App size

Revision	Plain	With Sentry	Diff
`1f1c420`+dirty	7.15 MiB	8.42 MiB	1.26 MiB
`ec2a485`+dirty	7.15 MiB	8.42 MiB	1.26 MiB
`df5da5d`+dirty	7.15 MiB	8.42 MiB	1.26 MiB
`940bd65`+dirty	7.15 MiB	8.42 MiB	1.26 MiB
`0e42017`+dirty	7.15 MiB	8.42 MiB	1.26 MiB
`f2c6fa5`+dirty	7.15 MiB	8.42 MiB	1.26 MiB
`c352c30`+dirty	7.15 MiB	8.42 MiB	1.26 MiB
`6e8a851`+dirty	7.15 MiB	8.42 MiB	1.26 MiB
`7d3c3cb`+dirty	7.15 MiB	8.42 MiB	1.26 MiB
`b4d6bde`+dirty	7.15 MiB	8.42 MiB	1.26 MiB

Previous results on branch: kw-starter-wizard

Startup times

Revision	Plain	With Sentry	Diff
`7a3b0a9`+dirty	407.85 ms	439.20 ms	31.35 ms

App size

Revision	Plain	With Sentry	Diff
`7a3b0a9`+dirty	7.15 MiB	8.42 MiB	1.26 MiB

samples/expo/app/(tabs)/index.tsx

lucas-zimerman · 2025-06-13T13:15:00Z

Nice animations!

lucas-zimerman

Left a small note but other than that, LGTM!

krystofwoldrich and others added 11 commits May 9, 2025 00:14

feat(wizard): Add Wizard component and integrate into Expo sample app

7bc6427

add mock data, fix visuals

b670dd2

Add light style and open in browser button

9e74dbd

add better error examples, animate sentaur

ebcf43e

use playground naming, add hoc for easy access

e9459b5

fix lint

b9e6836

Merge remote-tracking branch 'origin/main' into kw-starter-wizard

3d4bf06

Merge branch 'main' into kw-starter-wizard

11bb145

update assets to avoid inclusion when playground is not in use

d10b428

move examples to a standalone file

6a8f264

Add sentry/react-native/playground export and tests

1768320

krystofwoldrich requested review from lucas-zimerman and antonis as code owners June 13, 2025 09:06

krystofwoldrich changed the title ~~Kw starter wizard~~ Add @sentry/react-native/playground Jun 13, 2025

antonis reviewed Jun 13, 2025

View reviewed changes

fix lint and snaps

1510545

add changelog

a512bb0

krystofwoldrich added 2 commits June 13, 2025 14:20

Merge remote-tracking branch 'origin/main' into kw-starter-wizard

72718ed

fix message

994844c

antonis approved these changes Jun 13, 2025

View reviewed changes

krystofwoldrich mentioned this pull request Jun 13, 2025

feat(playground): Open Sentry in desktop browser in Expo #4918

Draft

8 tasks

lucas-zimerman reviewed Jun 13, 2025

View reviewed changes

samples/expo/app/(tabs)/index.tsx Outdated Show resolved Hide resolved

lucas-zimerman approved these changes Jun 13, 2025

View reviewed changes

lucas-zimerman mentioned this pull request Jun 16, 2025

Playgroung: Exclude the example errors from Sentry SDK Crash Detection #4925

Open

This was referenced Jun 16, 2025

Playground: Add the @sentry/react-native/playground to @sentry/wizard #4926

Open

Playground: Update Sentry docs #4927

Open

removed comment

6e5e24b

lucas-zimerman merged commit 8f384b3 into main Jun 16, 2025
117 of 121 checks passed

lucas-zimerman deleted the kw-starter-wizard branch June 16, 2025 20:39

Uh oh!

Add @sentry/react-native/playground #4916

Add @sentry/react-native/playground #4916

Uh oh!

Conversation

krystofwoldrich commented Jun 13, 2025 • edited by lucas-zimerman Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

📢 Type of change

📜 Description

💡 Motivation and Context

💚 How did you test it?

📝 Checklist

🔮 Next steps

Uh oh!

github-actions bot commented Jun 13, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

iOS (legacy) Performance metrics 🚀

Baseline results on branch: main

Startup times

App size

Previous results on branch: kw-starter-wizard

Startup times

App size

Uh oh!

github-actions bot commented Jun 13, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

iOS (new) Performance metrics 🚀

Baseline results on branch: main

Startup times

App size

Previous results on branch: kw-starter-wizard

Startup times

App size

Uh oh!

antonis left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

krystofwoldrich commented Jun 13, 2025

Uh oh!

github-actions bot commented Jun 13, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Android (legacy) Performance metrics 🚀

Baseline results on branch: main

Startup times

App size

Previous results on branch: kw-starter-wizard

Startup times

App size

Uh oh!

antonis left a comment

Choose a reason for hiding this comment

Uh oh!

github-actions bot commented Jun 13, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Android (new) Performance metrics 🚀

Baseline results on branch: main

Startup times

App size

Previous results on branch: kw-starter-wizard

Startup times

App size

Uh oh!

Uh oh!

lucas-zimerman commented Jun 13, 2025

Uh oh!

lucas-zimerman left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Add `@sentry/react-native/playground` #4916

Add `@sentry/react-native/playground` #4916

krystofwoldrich commented Jun 13, 2025 •

edited by lucas-zimerman

Loading

github-actions bot commented Jun 13, 2025 •

edited

Loading

github-actions bot commented Jun 13, 2025 •

edited

Loading

antonis left a comment •

edited

Loading

github-actions bot commented Jun 13, 2025 •

edited

Loading

github-actions bot commented Jun 13, 2025 •

edited

Loading