@sentry/react 10.32.0

on Node.js NPM

Important Changes

• feat(core): Apply scope attributes to logs (#18184)

  You can now set attributes on the SDK's scopes which will be applied to all logs as long as the respective scopes are active. For the time being, only string, number and boolean attribute values are supported.

  Sentry.geGlobalScope().setAttributes({ is_admin: true, auth_provider: 'google' });
  
  Sentry.withScope(scope => {
    scope.setAttribute('step', 'authentication');
  
    // scope attributes `is_admin`, `auth_provider` and `step` are added
    Sentry.logger.info(`user ${user.id} logged in`, { activeSince: 100 });
    Sentry.logger.info(`updated ${user.id} last activity`);
  });
  
  // scope attributes `is_admin` and `auth_provider` are added
  Sentry.logger.warn('stale website version, reloading page');

• feat(replay): Add Request body with attachRawBodyFromRequest option (#18501)

  To attach the raw request body (from Request objects passed as the first fetch argument) to replay events, you can now use the attachRawBodyFromRequest option in the Replay integration:

  Sentry.init({
    integrations: [
      Sentry.replayIntegration({
        attachRawBodyFromRequest: true,
      }),
    ],
  });

• feat(tanstackstart-react): Trace server functions (#18500)

  To enable tracing for server-side requests, you can now explicitly define a server entry point in your application and wrap your request handler with wrapFetchWithSentry.

  // src/server.ts
  import { wrapFetchWithSentry } from '@sentry/tanstackstart-react';
  import handler, { createServerEntry } from '@tanstack/react-start/server-entry';
  
  export default createServerEntry(
    wrapFetchWithSentry({
      fetch(request: Request) {
        return handler.fetch(request);
      },
    }),
  );

• feat(vue): Add TanStack Router integration (#18547)

  The @sentry/vue package now includes support for TanStack Router. Use tanstackRouterBrowserTracingIntegration to automatically instrument pageload and navigation transactions with parameterized routes:

  import { createApp } from 'vue';
  import { createRouter } from '@tanstack/vue-router';
  import * as Sentry from '@sentry/vue';
  import { tanstackRouterBrowserTracingIntegration } from '@sentry/vue/tanstackrouter';
  
  const router = createRouter({
    // your router config
  });
  
  Sentry.init({
    app,
    dsn: '__PUBLIC_DSN__',
    integrations: [tanstackRouterBrowserTracingIntegration(router)],
    tracesSampleRate: 1.0,
  });

Other Changes

• feat(core): Capture initialize attributes on MCP servers (#18531)
• feat(nextjs): Extract tracing logic from server component wrapper templates (#18408)
• feat(nextjs): added webpack treeshaking flags as config (#18359)
• fix(solid/tanstackrouter): Ensure web vitals are sent on pageload (#18542)

Bundle size 📦