@sentry/wasm

Important Changes

• react: Add TanStack Router integration

  This release adds instrumentation for TanStack router with a new tanstackRouterBrowserTracingIntegration in the
  @sentry/react SDK:

  import * as Sentry from '@sentry/react';
  import { createRouter } from '@tanstack/react-router';
  
  const router = createRouter({
    // Your router options...
  });
  
  Sentry.init({
    dsn: '___PUBLIC_DSN___',
    integrations: [Sentry.tanstackRouterBrowserTracingIntegration(router)],
    tracesSampleRate: 1.0,
  });

Other Changes

• nextjs: Do not hide sourceMappingURL comment on client when nextConfig.productionBrowserSourceMaps: true is
  set (#12278)

8.6.0 did not release fully, so this 8.7.0 also includes changes from that release.

Important Changes

• metrics: Add timings method to metrics

  This introduces a new method, metrics.timing(), which can be used in two ways:

  1. With a numeric value, to simplify creating a distribution metric. This will default to second as unit:

  Sentry.metrics.timing('myMetric', 100);

  1. With a callback, which will wrap the duration of the callback. This can accept a sync or async callback. It will
     create an inactive span around the callback and at the end emit a metric with the duration of the span in seconds:

  const returnValue = Sentry.metrics.timing('myMetric', measureThisFunction);

• react: Add Sentry.reactErrorHandler

  This PR introduces Sentry.reactErrorHandler, which you can use in React 19 as follows:

  import * as Sentry from '@sentry/react';
  import { hydrateRoot } from 'react-dom/client';
  
  ReactDOM.hydrateRoot(
    document.getElementById('root'),
    <React.StrictMode>
      <App />
    </React.StrictMode>,
    {
      onUncaughtError: Sentry.reactErrorHandler(),
      onCaughtError: Sentry.reactErrorHandler((error, errorInfo) => {
        // optional callback if users want custom config.
      }),
    },
  );

  For more details, take a look at the PR. Our
  documentation will be updated soon!

Other Changes

• sveltekit: Add request data to server-side events

• core: Pass in cron monitor config correctly

• nextjs: Don't capture suspense errors in server components

• tracing: Ensure sent spans are limited to 1000

Bundle size