|
4 | 4 |
|
5 | 5 | - "You miss 100 percent of the chances you don't take. — Wayne Gretzky" — Michael Scott
|
6 | 6 |
|
| 7 | +## 8.7.0 |
| 8 | + |
| 9 | +### Important Changes |
| 10 | + |
| 11 | +- **feat(react): Add TanStack Router integration (#12095)** |
| 12 | + |
| 13 | + This release adds instrumentation for TanStack router with a new `tanstackRouterBrowserTracingIntegration` in the |
| 14 | + `@sentry/react` SDK: |
| 15 | + |
| 16 | + ```javascript |
| 17 | + import * as Sentry from '@sentry/react'; |
| 18 | + import { createRouter } from '@tanstack/react-router'; |
| 19 | + |
| 20 | + const router = createRouter({ |
| 21 | + // Your router options... |
| 22 | + }); |
| 23 | + |
| 24 | + Sentry.init({ |
| 25 | + dsn: '___PUBLIC_DSN___', |
| 26 | + integrations: [Sentry.tanstackRouterBrowserTracingIntegration(router)], |
| 27 | + tracesSampleRate: 1.0, |
| 28 | + }); |
| 29 | + ``` |
| 30 | + |
| 31 | +### Other Changes |
| 32 | + |
| 33 | +- fix(nextjs): Do not hide `sourceMappingURL` comment on client when `nextConfig.productionBrowserSourceMaps: true` is |
| 34 | + set (#12278) |
| 35 | + |
| 36 | +## 8.6.0 |
| 37 | + |
| 38 | +### Important Changes |
| 39 | + |
| 40 | +- **feat(metrics): Add `timings` method to metrics (#12226)** |
| 41 | + |
| 42 | + This introduces a new method, `metrics.timing()`, which can be used in two ways: |
| 43 | + |
| 44 | + 1. With a numeric value, to simplify creating a distribution metric. This will default to `second` as unit: |
| 45 | + |
| 46 | + ```js |
| 47 | + Sentry.metrics.timing('myMetric', 100); |
| 48 | + ``` |
| 49 | + |
| 50 | + 2. With a callback, which will wrap the duration of the callback. This can accept a sync or async callback. It will |
| 51 | + create an inactive span around the callback and at the end emit a metric with the duration of the span in seconds: |
| 52 | + |
| 53 | + ```js |
| 54 | + const returnValue = Sentry.metrics.timing('myMetric', measureThisFunction); |
| 55 | + ``` |
| 56 | + |
| 57 | +- **feat(react): Add `Sentry.reactErrorHandler` (#12147)** |
| 58 | + |
| 59 | + This PR introduces `Sentry.reactErrorHandler`, which you can use in React 19 as follows: |
| 60 | + |
| 61 | + ```js |
| 62 | + import * as Sentry from '@sentry/react'; |
| 63 | + import { hydrateRoot } from 'react-dom/client'; |
| 64 | + |
| 65 | + ReactDOM.hydrateRoot( |
| 66 | + document.getElementById('root'), |
| 67 | + <React.StrictMode> |
| 68 | + <App /> |
| 69 | + </React.StrictMode>, |
| 70 | + { |
| 71 | + onUncaughtError: Sentry.reactErrorHandler(), |
| 72 | + onCaughtError: Sentry.reactErrorHandler((error, errorInfo) => { |
| 73 | + // optional callback if users want custom config. |
| 74 | + }), |
| 75 | + }, |
| 76 | + ); |
| 77 | + ``` |
| 78 | + |
| 79 | + For more details, take a look at [the PR](https://github.com/getsentry/sentry-javascript/pull/12147). Our |
| 80 | + documentation will be updated soon! |
| 81 | + |
| 82 | +### Other Changes |
| 83 | + |
| 84 | +- feat(sveltekit): Add request data to server-side events (#12254) |
| 85 | +- fix(core): Pass in cron monitor config correctly (#12248) |
| 86 | +- fix(nextjs): Don't capture suspense errors in server components (#12261) |
| 87 | +- fix(tracing): Ensure sent spans are limited to 1000 (#12252) |
| 88 | +- ref(core): Use versioned carrier on global object (#12206) |
| 89 | + |
7 | 90 | ## 8.5.0
|
8 | 91 |
|
9 | 92 | ### Important Changes
|
|
0 commit comments