fix: Separate wrapper method

Author: jennmueng

sample/src/App.tsx

@@ -25,7 +25,7 @@ const reactNavigationV5Instrumentation = new Sentry.ReactNavigationV5Instrumenta
     routeChangeTimeoutMs: 500, // How long it will wait for the route change to complete. Default is 1000ms
   },
 );
-const options = {
+Sentry.init({
   // Replace the example DSN below with your own DSN:
   dsn: SENTRY_INTERNAL_DSN,
   debug: true,
@@ -62,7 +62,7 @@ const options = {
   // otherwise they will not work.
   release: packageVersion,
   dist: `${packageVersion}.0`,
-};
+});
 
 const Stack = createStackNavigator();
 
@@ -94,5 +94,5 @@ const App = () => {
   );
 };
 
-// We use initWith to wrap your app with more features out of the box such as auto performance monitoring.
-export default Sentry.initWith(App, options);
+// Wrap your app to get more features out of the box such as auto performance monitoring.
+export default Sentry.wrap(App);

src/js/index.ts

@@ -62,7 +62,7 @@ export { ReactNativeClient } from "./client";
 
 export {
   init,
-  initWith,
+  wrap,
   // eslint-disable-next-line deprecation/deprecation
   setDist,
   // eslint-disable-next-line deprecation/deprecation

src/js/options.ts

@@ -73,7 +73,7 @@ export interface ReactNativeOptions extends BrowserOptions {
   enableAutoPerformanceTracking?: boolean;
 }
 
-export interface ReactNativeWrapperOptions extends ReactNativeOptions {
+export interface ReactNativeWrapperOptions {
   /** Props for the root React profiler */
   profilerProps?: ProfilerProps;
 

src/js/sdk.tsx

@@ -33,7 +33,7 @@ const DEFAULT_OPTIONS: ReactNativeOptions = {
 /**
  * Inits the SDK and returns the final options.
  */
-function _init<O = ReactNativeOptions>(passedOptions: O): O {
+export function init(passedOptions: ReactNativeOptions): void {
   const reactNativeHub = new Hub(undefined, new ReactNativeScope());
   makeMain(reactNativeHub);
 
@@ -102,39 +102,28 @@ function _init<O = ReactNativeOptions>(passedOptions: O): O {
   if (getGlobalObject<any>().HermesInternal) {
     getCurrentHub().setTag("hermes", "true");
   }
-
-  return options;
-}
-
-/**
- * Inits the Sentry React Native SDK without any wrapping
- */
-export function init(options: ReactNativeOptions): void {
-  _init(options);
 }
 
 /**
  * Inits the Sentry React Native SDK with automatic instrumentation and wrapped features.
  */
-export function initWith<P>(
+export function wrap<P>(
   RootComponent: React.ComponentType<P>,
-  passedOptions: ReactNativeWrapperOptions
+  options?: ReactNativeWrapperOptions
 ): React.ComponentType<P> {
-  const options = _init(passedOptions);
-
   const tracingIntegration = getCurrentHub().getIntegration(ReactNativeTracing);
   if (tracingIntegration) {
     tracingIntegration.useAppStartWithProfiler = true;
   }
 
   const profilerProps = {
-    ...options.profilerProps,
+    ...(options?.profilerProps ?? {}),
     name: RootComponent.displayName ?? "Root",
   };
 
   const RootApp: React.FC<P> = (appProps) => {
     return (
-      <TouchEventBoundary {...options.touchEventBoundaryProps}>
+      <TouchEventBoundary {...(options?.touchEventBoundaryProps ?? {})}>
         <ReactNativeProfiler {...profilerProps}>
           <RootComponent {...appProps} />
         </ReactNativeProfiler>