update e2e

Author: chargome

dev-packages/e2e-tests/test-applications/hydrogen-react-router-7/app/entry.client.tsx

@@ -16,7 +16,7 @@ startTransition(() => {
   hydrateRoot(
     document,
     <StrictMode>
-      <HydratedRouter />
+      <HydratedRouter onError={Sentry.sentryOnError} />
     </StrictMode>,
   );
 });

dev-packages/e2e-tests/test-applications/hydrogen-react-router-7/app/root.tsx

@@ -1,4 +1,3 @@
-import * as Sentry from '@sentry/react-router/cloudflare';
 import { type LoaderFunctionArgs } from '@shopify/remix-oxygen';
 import {
   Outlet,
@@ -160,8 +159,6 @@ export function ErrorBoundary({ error }: { error: unknown }) {
   let errorMessage = 'Unknown error';
   let errorStatus = 500;
 
-  const eventId = Sentry.captureException(error);
-
   if (isRouteErrorResponse(error)) {
     errorMessage = error?.data?.message ?? error.data;
     errorStatus = error.status;
@@ -178,11 +175,6 @@ export function ErrorBoundary({ error }: { error: unknown }) {
           <pre>{errorMessage}</pre>
         </fieldset>
       )}
-      {eventId && (
-        <h2>
-          Sentry Event ID: <code>{eventId}</code>
-        </h2>
-      )}
     </div>
   );
 }

dev-packages/e2e-tests/test-applications/react-router-7-framework-custom/app/entry.client.tsx

@@ -17,7 +17,7 @@ startTransition(() => {
   hydrateRoot(
     document,
     <StrictMode>
-      <HydratedRouter />
+      <HydratedRouter onError={Sentry.sentryOnError} />
     </StrictMode>,
   );
 });

dev-packages/e2e-tests/test-applications/react-router-7-framework-custom/app/root.tsx

@@ -1,4 +1,3 @@
-import * as Sentry from '@sentry/react-router';
 import { Links, Meta, Outlet, Scripts, ScrollRestoration, isRouteErrorResponse } from 'react-router';
 import type { Route } from './+types/root';
 import stylesheet from './app.css?url';
@@ -48,7 +47,6 @@ export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
     message = error.status === 404 ? '404' : 'Error';
     details = error.status === 404 ? 'The requested page could not be found.' : error.statusText || details;
   } else if (error && error instanceof Error) {
-    Sentry.captureException(error);
     if (import.meta.env.DEV) {
       details = error.message;
       stack = error.stack;

dev-packages/e2e-tests/test-applications/react-router-7-framework-instrumentation/app/entry.client.tsx

@@ -27,7 +27,7 @@ startTransition(() => {
     document,
     <StrictMode>
       {/* unstable_instrumentations is React Router 7.x's prop name (will become `instrumentations` in v8) */}
-      <HydratedRouter unstable_instrumentations={sentryClientInstrumentation} />
+      <HydratedRouter unstable_instrumentations={sentryClientInstrumentation} onError={Sentry.sentryOnError} />
     </StrictMode>,
   );
 });

dev-packages/e2e-tests/test-applications/react-router-7-framework-instrumentation/app/root.tsx

@@ -1,4 +1,3 @@
-import * as Sentry from '@sentry/react-router';
 import { Links, Meta, Outlet, Scripts, ScrollRestoration, isRouteErrorResponse } from 'react-router';
 import type { Route } from './+types/root';
 import stylesheet from './app.css?url';
@@ -48,7 +47,6 @@ export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
     message = error.status === 404 ? '404' : 'Error';
     details = error.status === 404 ? 'The requested page could not be found.' : error.statusText || details;
   } else if (error && error instanceof Error) {
-    Sentry.captureException(error);
     if (import.meta.env.DEV) {
       details = error.message;
       stack = error.stack;

dev-packages/e2e-tests/test-applications/react-router-7-framework-node-20-18/app/entry.client.tsx

@@ -17,7 +17,7 @@ startTransition(() => {
   hydrateRoot(
     document,
     <StrictMode>
-      <HydratedRouter />
+      <HydratedRouter onError={Sentry.sentryOnError} />
     </StrictMode>,
   );
 });

dev-packages/e2e-tests/test-applications/react-router-7-framework-node-20-18/app/root.tsx

@@ -1,4 +1,3 @@
-import * as Sentry from '@sentry/react-router';
 import { Links, Meta, Outlet, Scripts, ScrollRestoration, isRouteErrorResponse } from 'react-router';
 import type { Route } from './+types/root';
 import stylesheet from './app.css?url';
@@ -48,7 +47,6 @@ export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
     message = error.status === 404 ? '404' : 'Error';
     details = error.status === 404 ? 'The requested page could not be found.' : error.statusText || details;
   } else if (error && error instanceof Error) {
-    Sentry.captureException(error);
     if (import.meta.env.DEV) {
       details = error.message;
       stack = error.stack;

dev-packages/e2e-tests/test-applications/react-router-7-framework-spa-node-20-18/app/entry.client.tsx

@@ -17,7 +17,7 @@ startTransition(() => {
   hydrateRoot(
     document,
     <StrictMode>
-      <HydratedRouter />
+      <HydratedRouter onError={Sentry.sentryOnError} />
     </StrictMode>,
   );
 });

dev-packages/e2e-tests/test-applications/react-router-7-framework-spa-node-20-18/app/root.tsx

@@ -2,7 +2,6 @@ import { isRouteErrorResponse, Links, Meta, Outlet, Scripts, ScrollRestoration }
 
 import type { Route } from './+types/root';
 import './app.css';
-import * as Sentry from '@sentry/react-router';
 
 export function Layout({ children }: { children: React.ReactNode }) {
   return (
@@ -35,8 +34,6 @@ export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
     message = error.status === 404 ? '404' : 'Error';
     details = error.status === 404 ? 'The requested page could not be found.' : error.statusText || details;
   } else if (error && error instanceof Error) {
-    Sentry.captureException(error);
-
     details = error.message;
     stack = error.stack;
   }