Skip to content

Commit 4aaaba7

Browse files
committed
meta: Add Changelog entry for 8.7.0
1 parent d9562b9 commit 4aaaba7

File tree

1 file changed

+83
-0
lines changed

1 file changed

+83
-0
lines changed

CHANGELOG.md

+83
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,89 @@
44

55
- "You miss 100 percent of the chances you don't take. — Wayne Gretzky" — Michael Scott
66

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+
790
## 8.5.0
891

992
### Important Changes

0 commit comments

Comments
 (0)