chore: bump up @sentry/react version to v8 (#6919)

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@sentry/react](https://togithub.com/getsentry/sentry-javascript/tree/master/packages/react) ([source](https://togithub.com/getsentry/sentry-javascript)) | [`^7.109.0` -> `^8.0.0`](https://renovatebot.com/diffs/npm/@sentry%2freact/7.111.0/8.0.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@sentry%2freact/8.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@sentry%2freact/8.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@sentry%2freact/7.111.0/8.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@sentry%2freact/7.111.0/8.0.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>getsentry/sentry-javascript (@sentry/react)</summary> ### [`v8.0.0`](https://togithub.com/getsentry/sentry-javascript/blob/HEAD/CHANGELOG.md#800-rc3) [Compare Source](https://togithub.com/getsentry/sentry-javascript/compare/7.114.0...8.0.0) ##### Important Changes - **feat(bun): Add Bun Global Unhandled Handlers ([#11960](https://togithub.com/getsentry/sentry-javascript/issues/11960))** The Bun SDK will now capture global unhandled errors. ##### Other Changes - feat(node): Log process and thread info on initialisation ([#11972](https://togithub.com/getsentry/sentry-javascript/issues/11972)) - fix(aws-serverless): Include ESM artifacts in package ([#11973](https://togithub.com/getsentry/sentry-javascript/issues/11973)) - fix(browser): Only start `http.client` spans if there is an active parent span ([#11974](https://togithub.com/getsentry/sentry-javascript/issues/11974)) - fix(feedback): Improve CSS theme variable names and layout ([#11964](https://togithub.com/getsentry/sentry-javascript/issues/11964)) - fix(node): Ensure `execArgv` are not sent to worker threads ([#11963](https://togithub.com/getsentry/sentry-javascript/issues/11963)) - ref(feedback): Simplify feedback function params ([#11957](https://togithub.com/getsentry/sentry-javascript/issues/11957)) ### [`v7.114.0`](https://togithub.com/getsentry/sentry-javascript/releases/tag/7.114.0) [Compare Source](https://togithub.com/getsentry/sentry-javascript/compare/7.113.0...7.114.0) ##### Important Changes - **fix(browser/v7): Continuously record CLS ([#11935](https://togithub.com/getsentry/sentry-javascript/issues/11935))** This release fixes a bug that caused the cumulative layout shift (CLS) web vital not to be reported in a majority of the cases where it should have been reported. With this change, the CLS web vital should now always be reported for pageloads with layout shift. If a pageload did not have layout shift, no CLS web vital should be reported. **Please note that upgrading the SDK to this version may cause data in your dashboards to drastically change.** ##### Other Changes - build(aws-lambda/v7): Turn off lambda layer publishing ([#11875](https://togithub.com/getsentry/sentry-javascript/issues/11875)) - feat(v7): Add `tunnel` support to multiplexed transport ([#11851](https://togithub.com/getsentry/sentry-javascript/issues/11851)) - fix(opentelemetry-node): support `HTTP_REQUEST_METHOD` attribute ([#11929](https://togithub.com/getsentry/sentry-javascript/issues/11929)) - fix(react/v7): Fix react router v4/v5 span names ([#11940](https://togithub.com/getsentry/sentry-javascript/issues/11940)) ### [`v7.113.0`](https://togithub.com/getsentry/sentry-javascript/releases/tag/7.113.0) [Compare Source](https://togithub.com/getsentry/sentry-javascript/compare/7.112.2...7.113.0) ##### Important Changes - **feat(node): Support Node 22 ([#11754](https://togithub.com/getsentry/sentry-javascript/issues/11754))** This release adds support for Node 22! 🎉 It also adds prebuilt-binaries for Node 22 to `@sentry/profiling-node`. ##### Other Changes - feat(feedback): \[v7] New feedback button design ([#11841](https://togithub.com/getsentry/sentry-javascript/issues/11841)) - feat(replay/v7): Upgrade rrweb packages to 2.15.0 ([#11752](https://togithub.com/getsentry/sentry-javascript/issues/11752)) - fix(ember/v7): Ensure unnecessary spans are avoided ([#11848](https://togithub.com/getsentry/sentry-javascript/issues/11848)) ### [`v7.112.2`](https://togithub.com/getsentry/sentry-javascript/releases/tag/7.112.2) [Compare Source](https://togithub.com/getsentry/sentry-javascript/compare/7.112.1...7.112.2) - fix(nextjs|sveltekit): Ensure we can pass `browserTracingIntegration` ([#11765](https://togithub.com/getsentry/sentry-javascript/issues/11765)) ### [`v7.112.1`](https://togithub.com/getsentry/sentry-javascript/releases/tag/7.112.1) [Compare Source](https://togithub.com/getsentry/sentry-javascript/compare/7.112.0...7.112.1) - fix(ember/v7): Do not create rendering spans without transaction ([#11750](https://togithub.com/getsentry/sentry-javascript/issues/11750)) ### [`v7.112.0`](https://togithub.com/getsentry/sentry-javascript/releases/tag/7.112.0) [Compare Source](https://togithub.com/getsentry/sentry-javascript/compare/7.111.0...7.112.0) ##### Important Changes - **feat: Export pluggable integrations from SDK packages ([#11723](https://togithub.com/getsentry/sentry-javascript/issues/11723))** Instead of installing `@sentry/integrations`, you can now import the pluggable integrations directly from your SDK package: ```js // Before import * as Sentry fromv '@sentry/browser'; import { dedupeIntegration } from '@sentry/integrations'; Sentry.init({ integrations: [dedupeIntegration()], }); // After import * as Sentry from '@sentry/browser'; Sentry.init({ integrations: [Sentry.dedupeIntegration()], }); ``` Note that only the functional integrations (e.g. `xxxIntegration()`) are re-exported. ##### Other Changes - feat(replay): Add "maxCanvasSize" option for replay canvases ([#11732](https://togithub.com/getsentry/sentry-javascript/issues/11732)) - fix(serverless): \[v7] Check if cloud event callback is a function ([#11734](https://togithub.com/getsentry/sentry-javascript/issues/11734)) #### Bundle size 📦 | Path | Size | | ---------------------------------------------------------------------------------- | ----------------- | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. Tracing, Replay, Feedback) - Webpack (gzipped) | 80.72 KB | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. Tracing, Replay) - Webpack (gzipped) | 71.69 KB | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. Tracing, Replay with Canvas) - Webpack (gzipped) | 75.91 KB | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. Tracing, Replay) - Webpack with treeshaking flags (gzipped) | 65.32 KB | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. Tracing) - Webpack (gzipped) | 35.62 KB | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. browserTracingIntegration) - Webpack (gzipped) | 35.5 KB | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. Feedback) - Webpack (gzipped) | 31.57 KB | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. sendFeedback) - Webpack (gzipped) | 31.58 KB | | [@sentry/browser](https://togithub.com/sentry/browser) - Webpack (gzipped) | 22.78 KB | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. Tracing, Replay, Feedback) - ES6 CDN Bundle (gzipped) | 78.9 KB | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. Tracing, Replay) - ES6 CDN Bundle (gzipped) | 70.27 KB | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. Tracing) - ES6 CDN Bundle (gzipped) | 36.02 KB | | [@sentry/browser](https://togithub.com/sentry/browser) - ES6 CDN Bundle (gzipped) | 25.28 KB | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. Tracing, Replay) - ES6 CDN Bundle (minified & uncompressed) | 221.25 KB | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. Tracing) - ES6 CDN Bundle (minified & uncompressed) | 109.01 KB | | [@sentry/browser](https://togithub.com/sentry/browser) - ES6 CDN Bundle (minified & uncompressed) | 75.79 KB | | [@sentry/browser](https://togithub.com/sentry/browser) (incl. Tracing) - ES5 CDN Bundle (gzipped) | 39.3 KB | | [@sentry/react](https://togithub.com/sentry/react) (incl. Tracing, Replay) - Webpack (gzipped) | 72.18 KB | | [@sentry/react](https://togithub.com/sentry/react) - Webpack (gzipped) | 22.81 KB | | [@sentry/nextjs](https://togithub.com/sentry/nextjs) Client (incl. Tracing, Replay) - Webpack (gzipped) | 90.01 KB | | [@sentry/nextjs](https://togithub.com/sentry/nextjs) Client - Webpack (gzipped) | 54.15 KB | | [@sentry-internal/feedback](https://togithub.com/sentry-internal/feedback) - Webpack (gzipped) | 17.32 KB | </details> --- ### Configuration 📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about these updates again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/toeverything/AFFiNE).
2026-02-11 20:08:37 +00:00 · 2024-05-16 10:06:35 +00:00
parent 6d5d09bb74
commit f37bbb0784
11 changed files with 960 additions and 251 deletions
--- a/packages/backend/server/package.json
+++ b/packages/backend/server/package.json
@@ -21,8 +21,8 @@
    "@apollo/server": "^4.10.2",
    "@aws-sdk/client-s3": "^3.552.0",
    "@google-cloud/opentelemetry-cloud-monitoring-exporter": "^0.18.0",
-    "@google-cloud/opentelemetry-cloud-trace-exporter": "^2.1.0",
-    "@google-cloud/opentelemetry-resource-util": "^2.1.0",
+    "@google-cloud/opentelemetry-cloud-trace-exporter": "^2.2.0",
+    "@google-cloud/opentelemetry-resource-util": "^2.2.0",
    "@keyv/redis": "^2.8.4",
    "@nestjs/apollo": "^12.1.0",
    "@nestjs/common": "^10.3.7",
@@ -39,21 +39,21 @@
    "@node-rs/crc32": "^1.10.0",
    "@node-rs/jsonwebtoken": "^0.5.2",
    "@opentelemetry/api": "^1.8.0",
-    "@opentelemetry/core": "^1.23.0",
-    "@opentelemetry/exporter-prometheus": "^0.51.0",
-    "@opentelemetry/exporter-zipkin": "^1.23.0",
-    "@opentelemetry/host-metrics": "^0.35.0",
-    "@opentelemetry/instrumentation": "^0.51.0",
+    "@opentelemetry/core": "^1.24.1",
+    "@opentelemetry/exporter-prometheus": "^0.51.1",
+    "@opentelemetry/exporter-zipkin": "^1.24.1",
+    "@opentelemetry/host-metrics": "^0.35.1",
+    "@opentelemetry/instrumentation": "^0.51.1",
    "@opentelemetry/instrumentation-graphql": "^0.40.0",
-    "@opentelemetry/instrumentation-http": "^0.51.0",
+    "@opentelemetry/instrumentation-http": "^0.51.1",
    "@opentelemetry/instrumentation-ioredis": "^0.40.0",
-    "@opentelemetry/instrumentation-nestjs-core": "^0.37.0",
+    "@opentelemetry/instrumentation-nestjs-core": "^0.37.1",
    "@opentelemetry/instrumentation-socket.io": "^0.39.0",
-    "@opentelemetry/resources": "^1.23.0",
-    "@opentelemetry/sdk-metrics": "^1.23.0",
-    "@opentelemetry/sdk-node": "^0.51.0",
-    "@opentelemetry/sdk-trace-node": "^1.23.0",
-    "@opentelemetry/semantic-conventions": "^1.23.0",
+    "@opentelemetry/resources": "^1.24.1",
+    "@opentelemetry/sdk-metrics": "^1.24.1",
+    "@opentelemetry/sdk-node": "^0.51.1",
+    "@opentelemetry/sdk-trace-node": "^1.24.1",
+    "@opentelemetry/semantic-conventions": "^1.24.1",
    "@prisma/client": "^5.12.1",
    "@prisma/instrumentation": "^5.12.1",
    "@socket.io/redis-adapter": "^8.3.0",
--- a/packages/backend/server/src/fundamentals/metrics/opentelemetry.ts
+++ b/packages/backend/server/src/fundamentals/metrics/opentelemetry.ts
@@ -23,7 +23,11 @@ import {
  SpanExporter,
  TraceIdRatioBasedSampler,
 } from '@opentelemetry/sdk-trace-node';
-import { SemanticResourceAttributes } from '@opentelemetry/semantic-conventions';
+import {
+  SEMRESATTRS_K8S_NAMESPACE_NAME,
+  SEMRESATTRS_SERVICE_NAME,
+  SEMRESATTRS_SERVICE_VERSION,
+} from '@opentelemetry/semantic-conventions';
 import prismaInstrument from '@prisma/instrumentation';

 import { PrismaMetricProducer } from './prisma';
@@ -51,9 +55,9 @@ export abstract class OpentelemetryFactory {

  getResource() {
    return new Resource({
-      [SemanticResourceAttributes.K8S_NAMESPACE_NAME]: AFFiNE.AFFINE_ENV,
-      [SemanticResourceAttributes.SERVICE_NAME]: AFFiNE.flavor.type,
-      [SemanticResourceAttributes.SERVICE_VERSION]: AFFiNE.version,
+      [SEMRESATTRS_K8S_NAMESPACE_NAME]: AFFiNE.AFFINE_ENV,
+      [SEMRESATTRS_SERVICE_NAME]: AFFiNE.flavor.type,
+      [SEMRESATTRS_SERVICE_VERSION]: AFFiNE.version,
    });
  }

--- a/packages/frontend/core/package.json
+++ b/packages/frontend/core/package.json
@@ -43,7 +43,7 @@
    "@radix-ui/react-toolbar": "^1.0.4",
    "@react-hookz/web": "^24.0.4",
    "@sentry/integrations": "^7.109.0",
-    "@sentry/react": "^7.109.0",
+    "@sentry/react": "^8.0.0",
    "@toeverything/theme": "^0.7.29",
    "@vanilla-extract/dynamic": "^2.1.0",
    "animejs": "^3.2.2",
--- a/packages/frontend/core/src/components/affine/affine-error-boundary/error-basic/fallback-creator.tsx
+++ b/packages/frontend/core/src/components/affine/affine-error-boundary/error-basic/fallback-creator.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react';

-export interface FallbackProps<T extends Error = Error> {
+export interface FallbackProps<T = unknown> {
  error: T;
  resetError?: () => void;
 }
--- a/packages/frontend/core/src/components/affine/affine-error-boundary/error-fallbacks/any-error-fallback.tsx
+++ b/packages/frontend/core/src/components/affine/affine-error-boundary/error-fallbacks/any-error-fallback.tsx
@@ -21,7 +21,9 @@ export const AnyErrorFallback: FC<FallbackProps> = props => {
      title={t['com.affine.error.unexpected-error.title']()}
      resetError={reloadPage}
      buttonText={t['com.affine.error.reload']()}
-      description={error.message ?? error.toString()}
+      description={
+        'message' in (error as Error) ? (error as Error).message : `${error}`
+      }
    />
  );
 };
--- a/packages/frontend/core/src/components/affine/affine-error-boundary/index.tsx
+++ b/packages/frontend/core/src/components/affine/affine-error-boundary/index.tsx
@@ -1,9 +1,8 @@
-import { ErrorBoundary } from '@sentry/react';
+import { ErrorBoundary, type FallbackRender } from '@sentry/react';
 import type { FC, PropsWithChildren } from 'react';
 import { useCallback } from 'react';

 import { AffineErrorFallback } from './affine-error-fallback';
-import type { FallbackProps } from './error-basic/fallback-creator';

 export { type FallbackProps } from './error-basic/fallback-creator';

@@ -15,14 +14,14 @@ export interface AffineErrorBoundaryProps extends PropsWithChildren {
 * TODO: Unify with SWRErrorBoundary
 */
 export const AffineErrorBoundary: FC<AffineErrorBoundaryProps> = props => {
-  const fallbackRender = useCallback(
-    (fallbackProps: FallbackProps) => {
+  const fallbackRender: FallbackRender = useCallback(
+    fallbackProps => {
      return <AffineErrorFallback {...fallbackProps} height={props.height} />;
    },
    [props.height]
  );

-  const onError = useCallback((error: Error, componentStack: string) => {
+  const onError = useCallback((error: unknown, componentStack: string) => {
    console.error('Uncaught error:', error, componentStack);
  }, []);

--- a/packages/frontend/core/src/router.tsx
+++ b/packages/frontend/core/src/router.tsx
@@ -150,7 +150,9 @@ export const viewRoutes = [
 const createBrowserRouter = wrapCreateBrowserRouter(
  reactRouterCreateBrowserRouter
 );
-export const router = createBrowserRouter(topLevelRoutes, {
+export const router = (
+  window.SENTRY_RELEASE ? createBrowserRouter : reactRouterCreateBrowserRouter
+)(topLevelRoutes, {
  future: {
    v7_normalizeFormMethod: true,
  },
--- a/packages/frontend/electron/package.json
+++ b/packages/frontend/electron/package.json
@@ -44,9 +44,9 @@
    "@electron-forge/shared-types": "^7.3.0",
    "@emotion/react": "^11.11.4",
    "@pengx17/electron-forge-maker-appimage": "^1.2.0",
-    "@sentry/electron": "^4.22.0",
+    "@sentry/electron": "^5.0.0-beta.0",
    "@sentry/esbuild-plugin": "^2.16.1",
-    "@sentry/react": "^7.109.0",
+    "@sentry/react": "^8.0.0",
    "@toeverything/infra": "workspace:*",
    "@types/uuid": "^9.0.8",
    "@vitejs/plugin-react-swc": "^3.6.0",
--- a/packages/frontend/electron/src/main/index.ts
+++ b/packages/frontend/electron/src/main/index.ts
@@ -71,9 +71,7 @@ if (process.env.SENTRY_DSN) {
    dsn: process.env.SENTRY_DSN,
    ipcMode: IPCMode.Protocol,
    transportOptions: {
-      maxQueueAgeDays: 30,
-      maxQueueCount: 100,
-      beforeSend: () => (isOnline ? 'send' : 'queue'),
+      shouldSend: () => isOnline,
    },
  });
 }
--- a/packages/frontend/web/package.json
+++ b/packages/frontend/web/package.json
@@ -13,7 +13,7 @@
    "@affine/component": "workspace:*",
    "@affine/core": "workspace:*",
    "@affine/env": "workspace:*",
-    "@sentry/react": "^7.109.0",
+    "@sentry/react": "^8.0.0",
    "core-js": "^3.36.1",
    "intl-segmenter-polyfill-rs": "^0.1.7",
    "jotai": "^2.8.0",