react-native adds wrap during setup

[smeubank]

The wizard for react native already adds init instrumentation but it could also add the wrap around the App removing one more manual step for golden path users, and making the RN wizard a lil more magical 🧙 🪄

export default Sentry.wrap(App);

once this is done, we can remove the changes made in the product onboarding, and from the related docs.

getsentry/sentry#85935

[krystofwoldrich]

Effort: Small
Impact: Medium

We don't have to cover all cases, let's regex the default RN Template case.

[github-actions]

This issue has gone three weeks without activity. In another week, I will close it.

But! If you comment or otherwise update it, I will reset the clock, and if you label it Status: Backlog or Status: In Progress, I will leave it alone ... forever!

---

"A weed is but an unloved flower." ― Ella Wheeler Wilcox 🥀

[github-actions]

This issue has gone three weeks without activity. In another week, I will close it.

But! If you comment or otherwise update it, I will reset the clock, and if you label it Status: Backlog or Status: In Progress, I will leave it alone ... forever!

---

"A weed is but an unloved flower." ― Ella Wheeler Wilcox 🥀

[krystofwoldrich]

This got stale but, we should prioritize this and get it done.

[krystofwoldrich]

We should focus on automatically wrapping

• Expo with ExpoRouter
  • wrap the default export of root app/_layout.tsx
• and Bare RN with ReactNavigation
  • wrap the default export of App.tsx or AppRegistry.registerComponent in index.js (depending on what's more feasible programmatically)

https://docs.sentry.io/platforms/react-native/manual-setup/expo/#wrap-your-app

When the wizard can't find a component to wrap, for example, because the app is using React Native Navigation, we should show a code snippet so the user can wrap the correct component manually.