diff --git a/docs/platforms/javascript/guides/angular/manual-setup.mdx b/docs/platforms/javascript/guides/angular/manual-setup.mdx
index 52710f4ed6111..14107a5273ede 100644
--- a/docs/platforms/javascript/guides/angular/manual-setup.mdx
+++ b/docs/platforms/javascript/guides/angular/manual-setup.mdx
@@ -24,7 +24,13 @@ You need:
Choose the features you want to configure, and this guide will show you how:
@@ -133,7 +139,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
});
@@ -198,7 +204,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
});
diff --git a/docs/platforms/javascript/guides/astro/index.mdx b/docs/platforms/javascript/guides/astro/index.mdx
index 6cc9947d70ecc..8a9e9f5616482 100644
--- a/docs/platforms/javascript/guides/astro/index.mdx
+++ b/docs/platforms/javascript/guides/astro/index.mdx
@@ -17,16 +17,25 @@ This page walks you through adding Sentry to your Astro project, configuring it,
Before we get started, make sure you have the following:
-* You need a Sentry [account](https://sentry.io/signup/) and [project](/product/projects/)
-* An Astro project that uses Astro `3.0.0` or newer.
-* A Node runtime:
- * This SDK currently only works on Node runtimes (e.g. Node adapter, Vercel with Lambda functions).
-Non-Node runtimes, like Vercel's Edge runtime or Cloudflare Pages, are currently not supported.
-* If you're using Astro's Netflify adapter (`@astrojs/netlify`), you need version `5.0.0` or newer.
+- You need a Sentry [account](https://sentry.io/signup/) and [project](/product/projects/)
+- An Astro project that uses Astro `3.0.0` or newer.
+- A Node runtime:
+ - This SDK currently only works on Node runtimes (e.g. Node adapter, Vercel with Lambda functions).
+ Non-Node runtimes, like Vercel's Edge runtime or Cloudflare Pages, are currently not supported.
+- If you're using Astro's Netflify adapter (`@astrojs/netlify`), you need version `5.0.0` or newer.
## Install
-
+
Sentry captures data by using an SDK within your application's runtime.
@@ -70,7 +79,6 @@ To set up the Sentry SDK, register the Sentry integration and initialize the SDK
### Astro Integration Setup
-
```javascript {filename:astro.config.mjs}
import { defineConfig } from "astro/config";
import sentry from "@sentry/astro";
@@ -89,8 +97,12 @@ export default defineConfig({
```
- Passing runtime-specific configuration options (`dsn`, `release`, `environment`, `sampleRate`, `tracesSampleRate`, `replaysSessionSampleRate`, `replaysOnErrorSampleRate`) to the Sentry integration will be deprecated in future versions.
- We recommend passing your configuration directly to the respective `Sentry.init()` calls in `sentry.client.config.js` and `sentry.server.config.js` instead.
+ Passing runtime-specific configuration options (`dsn`, `release`,
+ `environment`, `sampleRate`, `tracesSampleRate`, `replaysSessionSampleRate`,
+ `replaysOnErrorSampleRate`) to the Sentry integration will be deprecated in
+ future versions. We recommend passing your configuration directly to the
+ respective `Sentry.init()` calls in `sentry.client.config.js` and
+ `sentry.server.config.js` instead.
### Client-Side Setup
@@ -122,7 +134,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
@@ -148,7 +160,7 @@ Sentry.init({
```javascript {filename:sentry.server.config.js}
import * as Sentry from "@sentry/astro";
// ___PRODUCT_OPTION_START___ profiling
-import { nodeProfilingIntegration } from '@sentry/profiling-node';
+import { nodeProfilingIntegration } from "@sentry/profiling-node";
// ___PRODUCT_OPTION_END___ profiling
Sentry.init({
@@ -167,7 +179,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
@@ -179,7 +191,7 @@ Sentry.init({
// Set sampling rate for profiling
// This is relative to tracesSampleRate
- profilesSampleRate: 1.0
+ profilesSampleRate: 1.0,
// ___PRODUCT_OPTION_END___ profiling
});
```
@@ -211,13 +223,13 @@ Trigger a test error somewhere in your Astro app, for example in one of your pag
```
- Errors triggered from within Browser DevTools are sandboxed and won't trigger an error handler.
- Place the snippet directly in your code instead.
+ Errors triggered from within Browser DevTools are sandboxed and won't trigger
+ an error handler. Place the snippet directly in your code instead.
- Learn more about manually capturing an error or message in our Usage
- documentation.
+ Learn more about manually capturing an error or message in our{" "}
+ Usage documentation.
To view and resolve the recorded error, log into [sentry.io](https://sentry.io) and select your project. Clicking on the error's title will open a page where you can see detailed information and mark it as resolved.
@@ -245,7 +257,7 @@ export default defineConfig({
- Auto instrumentation only works for Astro 3.5.2 or newer. If you're using an older version, you need to [manually add the Sentry middleware](#manually-add-server-instrumentation) instead.
+Auto instrumentation only works for Astro 3.5.2 or newer. If you're using an older version, you need to [manually add the Sentry middleware](#manually-add-server-instrumentation) instead.
diff --git a/docs/platforms/javascript/guides/cloudflare/index.mdx b/docs/platforms/javascript/guides/cloudflare/index.mdx
index 599e75a45077d..3dc50d6bbb8c6 100644
--- a/docs/platforms/javascript/guides/cloudflare/index.mdx
+++ b/docs/platforms/javascript/guides/cloudflare/index.mdx
@@ -9,10 +9,9 @@ categories:
- serverless
---
-
You can use the Sentry Cloudflare SDK with popular frameworks running on Cloudflare:
-- **[Astro](frameworks/astro/)**
+- **[Astro](frameworks/astro/)**
- **[Hono](frameworks/hono/)**
- **[Remix](frameworks/remix/)**
- **[SvelteKit](frameworks/sveltekit/)**
@@ -41,7 +40,10 @@ Select which Sentry features you'd like to install in addition to Error Monitori
### Setup (Cloudflare Workers)
-
+
If you do not have access to the `onRequest` middleware API, you can use the `wrapRequestHandler` API instead. For example:
@@ -81,14 +83,14 @@ export const onRequest = [
dsn: "___PUBLIC_DSN___",
release: versionId,
-
+
// Adds request headers and IP for users, for more info visit:
// https://docs.sentry.io/platforms/javascript/guides/cloudflare/configuration/options/#sendDefaultPii
sendDefaultPii: true,
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
@@ -97,7 +99,7 @@ export const onRequest = [
// https://docs.sentry.io/platforms/javascript/configuration/options/#traces-sample-rate
tracesSampleRate: 1.0,
// ___PRODUCT_OPTION_END___ performance
- }
+ };
}),
// Add more middlewares here
];
diff --git a/docs/platforms/javascript/guides/ember/index.mdx b/docs/platforms/javascript/guides/ember/index.mdx
index 5edbd3a6cb3c0..e4de94aade84c 100644
--- a/docs/platforms/javascript/guides/ember/index.mdx
+++ b/docs/platforms/javascript/guides/ember/index.mdx
@@ -8,7 +8,7 @@ categories:
- Sentry's Ember addon enables automatic reporting of errors, exceptions, and transactions.
+Sentry's Ember addon enables automatic reporting of errors, exceptions, and transactions.
@@ -24,7 +24,15 @@ Select which Sentry features you'd like to install in addition to Error Monitori
## Install
-
+
Sentry captures data by using an SDK within your application's runtime.
@@ -46,11 +54,11 @@ import * as Sentry from "@sentry/ember";
Sentry.init({
dsn: "___PUBLIC_DSN___",
-
+
// Adds request headers and IP for users, for more info visit:
// https://docs.sentry.io/platforms/javascript/guides/ember/configuration/options/#sendDefaultPii
sendDefaultPii: true,
-
+
// ___PRODUCT_OPTION_START___ session-replay
integrations: [
Sentry.replayIntegration(),
@@ -65,7 +73,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
@@ -96,7 +104,7 @@ export default class App extends Application {
- This SDK uses Ember configuration conventions to manage its automatic instrumentation and other Sentry options. This additional configuration can be found under Ember options.
+This SDK uses Ember configuration conventions to manage its automatic instrumentation and other Sentry options. This additional configuration can be found under Ember options.
diff --git a/docs/platforms/javascript/guides/gatsby/index.mdx b/docs/platforms/javascript/guides/gatsby/index.mdx
index e6842ef532ec8..46f1d1b8d891c 100644
--- a/docs/platforms/javascript/guides/gatsby/index.mdx
+++ b/docs/platforms/javascript/guides/gatsby/index.mdx
@@ -15,7 +15,15 @@ Select which Sentry features you'd like to install in addition to Error Monitori
## Install
-
+
To use Sentry with your Gatsby application, you will need to use `@sentry/gatsby` (Sentry's Gatsby SDK):
@@ -53,17 +61,16 @@ module.exports = {
Then, configure your `Sentry.init`. For this, create a new file called `sentry.config.js` in the root of your project and add the following code:
-
```javascript {filename:sentry.config.(js|ts)}
import * as Sentry from "@sentry/gatsby";
Sentry.init({
dsn: "___PUBLIC_DSN___",
-
+
// Adds request headers and IP for users, for more info visit:
// https://docs.sentry.io/platforms/javascript/guides/gatsby/configuration/options/#sendDefaultPii
sendDefaultPii: true,
-
+
integrations: [
// ___PRODUCT_OPTION_START___ performance
Sentry.browserTracingIntegration(),
@@ -81,7 +88,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
diff --git a/docs/platforms/javascript/guides/nextjs/index.mdx b/docs/platforms/javascript/guides/nextjs/index.mdx
index 7e01df44ba11b..97602d8a94f46 100644
--- a/docs/platforms/javascript/guides/nextjs/index.mdx
+++ b/docs/platforms/javascript/guides/nextjs/index.mdx
@@ -20,7 +20,13 @@ In addition to capturing errors, you can monitor interactions between multiple s
Select which Sentry features you'd like to install in addition to Error Monitoring to get the corresponding installation and configuration instructions below.
## Step 1: Install
@@ -82,7 +88,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
@@ -94,7 +100,7 @@ Sentry.init({
tracesSampleRate: 1.0,
// ___PRODUCT_OPTION_END___ performance
// ___PRODUCT_OPTION_START___ session-replay
- // Capture Replay for 10% of all
+ // Capture Replay for 10% of all
// plus for 100% of sessions with an error
// Learn more at
// https://docs.sentry.io/platforms/javascript/session-replay/configuration/#general-integration-configuration
@@ -118,7 +124,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
diff --git a/docs/platforms/javascript/guides/nextjs/manual-setup.mdx b/docs/platforms/javascript/guides/nextjs/manual-setup.mdx
index fccd01f0959dc..092f6597dacb2 100644
--- a/docs/platforms/javascript/guides/nextjs/manual-setup.mdx
+++ b/docs/platforms/javascript/guides/nextjs/manual-setup.mdx
@@ -151,7 +151,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// Note: if you want to override the automatic release value, do not set a
// `release` value here - use the environment variable `SENTRY_RELEASE`, so
@@ -184,7 +184,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ...
@@ -216,7 +216,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ...
@@ -459,6 +459,7 @@ Make sure to keep your auth token secret and out of version control.
You can prevent ad blockers from blocking Sentry events using tunneling. Use the `tunnelRoute` option to add an API endpoint in your application that forwards Sentry events to Sentry servers.
For better ad-blocker evasion, you can either:
+
- Set `tunnelRoute: true` to automatically generate a random tunnel route for each build, making it harder for ad-blockers to detect and block monitoring requests
- Set `tunnelRoute: "/my-tunnel-route"` to use a static route of your choosing
@@ -481,9 +482,12 @@ module.exports = withSentryConfig(nextConfig, {
```
- If you're using Turbopack, client-side event recording will fail if your Next.js middleware intercepts the configured tunnel route. To fix this, set the route to a fixed string (like `/error-monitoring`) and add a negative matcher like `(?!error-monitoring)` in your middleware to exclude the tunnel route.
-
- If you're not using Turbopack, Sentry will automatically skip the tunnel route in your middleware.
+ If you're using Turbopack, client-side event recording will fail if your
+ Next.js middleware intercepts the configured tunnel route. To fix this, set
+ the route to a fixed string (like `/error-monitoring`) and add a negative
+ matcher like `(?!error-monitoring)` in your middleware to exclude the tunnel
+ route. If you're not using Turbopack, Sentry will automatically skip the
+ tunnel route in your middleware.
## Step 6: Instrument Vercel Cron Jobs (Optional)
diff --git a/docs/platforms/javascript/guides/nuxt/manual-setup.mdx b/docs/platforms/javascript/guides/nuxt/manual-setup.mdx
index e41f7aa9c5003..22d0d0ebfd88b 100644
--- a/docs/platforms/javascript/guides/nuxt/manual-setup.mdx
+++ b/docs/platforms/javascript/guides/nuxt/manual-setup.mdx
@@ -112,7 +112,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
});
```
@@ -155,7 +155,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
});
```
diff --git a/docs/platforms/javascript/guides/react-router/index.mdx b/docs/platforms/javascript/guides/react-router/index.mdx
index c6454579c0123..91b6856662666 100644
--- a/docs/platforms/javascript/guides/react-router/index.mdx
+++ b/docs/platforms/javascript/guides/react-router/index.mdx
@@ -118,7 +118,7 @@ Initialize the Sentry React SDK in your `entry.client.tsx` file:
+ // ___PRODUCT_OPTION_START___ logs
+
+ // Enable logs to be sent to Sentry
-+ _experiments: { enableLogs: true },
++ enableLogs: true,
+ // ___PRODUCT_OPTION_END___ logs
+ // ___PRODUCT_OPTION_START___ performance
+
@@ -246,7 +246,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ profiling
@@ -446,7 +446,7 @@ export default {
buildEnd: async ({ viteConfig, reactRouterConfig, buildManifest }) => {
// ...
// Call this at the end of the hook
-+ (await sentryOnBuildEnd({ viteConfig, reactRouterConfig, buildManifest }));
+ +(await sentryOnBuildEnd({ viteConfig, reactRouterConfig, buildManifest }));
},
} satisfies Config;
```
diff --git a/docs/platforms/javascript/guides/react/index.mdx b/docs/platforms/javascript/guides/react/index.mdx
index 06b2cc6ef2141..c87a1ab2890cc 100644
--- a/docs/platforms/javascript/guides/react/index.mdx
+++ b/docs/platforms/javascript/guides/react/index.mdx
@@ -20,7 +20,13 @@ categories:
Choose the features you want to configure, and this guide will show you how:
@@ -81,7 +87,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
@@ -120,6 +126,7 @@ const container = document.getElementById(“app”);
const root = createRoot(container);
root.render();
```
+
## Capture React Errors
diff --git a/docs/platforms/javascript/guides/remix/manual-setup.mdx b/docs/platforms/javascript/guides/remix/manual-setup.mdx
index fce4b28a11845..41ae1876ec09f 100644
--- a/docs/platforms/javascript/guides/remix/manual-setup.mdx
+++ b/docs/platforms/javascript/guides/remix/manual-setup.mdx
@@ -16,7 +16,14 @@ description: "Learn how to manually set up Sentry in your Remix app and capture
Choose the features you want to configure, and this guide will show you how:
@@ -98,7 +105,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
});
```
@@ -182,7 +189,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// Optionally capture action formData attributes with errors.
diff --git a/docs/platforms/javascript/guides/solid/index.mdx b/docs/platforms/javascript/guides/solid/index.mdx
index 25da692de4f2f..5e1ffb6533545 100644
--- a/docs/platforms/javascript/guides/solid/index.mdx
+++ b/docs/platforms/javascript/guides/solid/index.mdx
@@ -16,7 +16,15 @@ Select which Sentry features you'd like to install in addition to Error Monitori
## Install
-
+
Sentry captures data by using an SDK within your application's runtime.
@@ -38,10 +46,7 @@ Configuration should happen as early as possible in your application's lifecycle
To use the SDK, initialize it in your Solid entry point before bootstrapping your app. In a typical Solid project, that is your `index.jsx` file.
-
- We currently support Solid 1.8.4 and up.
-
-
+We currently support Solid 1.8.4 and up.
```javascript {filename: index.jsx}
import * as Sentry from "@sentry/solid";
@@ -56,11 +61,11 @@ import App from "./app";
if (!DEV) {
Sentry.init({
dsn: "___PUBLIC_DSN___",
-
+
// Adds request headers and IP for users, for more info visit:
// https://docs.sentry.io/platforms/javascript/guides/solid/configuration/options/#sendDefaultPii
sendDefaultPii: true,
-
+
integrations: [
// ___PRODUCT_OPTION_START___ performance
solidRouterBrowserTracingIntegration(),
@@ -78,7 +83,7 @@ if (!DEV) {
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
diff --git a/docs/platforms/javascript/guides/svelte/index.mdx b/docs/platforms/javascript/guides/svelte/index.mdx
index 29a90deefe55a..c25b93d7fea23 100644
--- a/docs/platforms/javascript/guides/svelte/index.mdx
+++ b/docs/platforms/javascript/guides/svelte/index.mdx
@@ -18,7 +18,13 @@ categories:
Choose the features you want to configure, and this guide will show you how:
@@ -38,6 +44,7 @@ yarn add @sentry/svelte
```bash {tabTitle:pnpm}
pnpm add @sentry/svelte
```
+
@@ -78,7 +85,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
@@ -136,7 +143,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
@@ -167,6 +174,7 @@ const app = new App({
export default app;
```
+
diff --git a/docs/platforms/javascript/guides/sveltekit/manual-setup.mdx b/docs/platforms/javascript/guides/sveltekit/manual-setup.mdx
index 8759d5eaa3f31..d8e66a7f1808a 100644
--- a/docs/platforms/javascript/guides/sveltekit/manual-setup.mdx
+++ b/docs/platforms/javascript/guides/sveltekit/manual-setup.mdx
@@ -94,7 +94,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
});
@@ -133,7 +133,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
});
diff --git a/docs/platforms/javascript/guides/tanstackstart-react/index.mdx b/docs/platforms/javascript/guides/tanstackstart-react/index.mdx
index c2e315fee6b41..1370f4f08a1f8 100644
--- a/docs/platforms/javascript/guides/tanstackstart-react/index.mdx
+++ b/docs/platforms/javascript/guides/tanstackstart-react/index.mdx
@@ -5,15 +5,14 @@ description: "Learn how to set up and configure Sentry in your TanStack Start Re
- This SDK is currently in **ALPHA**. Alpha features are still in progress, may have bugs and might include breaking changes.
- Please reach out on [GitHub](https://github.com/getsentry/sentry-javascript/issues/new/choose) if you have any feedback or concerns.
- This SDK is for [TanStack Start (React)](https://tanstack.com/start/latest/docs/framework/react/overview), for
- using [TanStack Router (React)](https://tanstack.com/router/latest/docs/framework/react/overview) see our React docs for
- [TanStack Router](/platforms/javascript/guides/react/features/tanstack-router).
+This SDK is currently in **ALPHA**. Alpha features are still in progress, may have bugs and might include breaking changes.
+Please reach out on [GitHub](https://github.com/getsentry/sentry-javascript/issues/new/choose) if you have any feedback or concerns.
+This SDK is for [TanStack Start (React)](https://tanstack.com/start/latest/docs/framework/react/overview), for
+using [TanStack Router (React)](https://tanstack.com/router/latest/docs/framework/react/overview) see our React docs for
+[TanStack Router](/platforms/javascript/guides/react/features/tanstack-router).
-
## Step 1: Install
@@ -21,7 +20,13 @@ description: "Learn how to set up and configure Sentry in your TanStack Start Re
Choose the features you want to configure, and this guide will show you how:
@@ -77,7 +82,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
@@ -114,7 +119,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
@@ -175,7 +180,9 @@ import * as Sentry from "@sentry/tanstackstart-react";
registerGlobalMiddleware({
middleware: [
- createMiddleware({ type: 'function' }).server(Sentry.sentryGlobalServerMiddlewareHandler()),
+ createMiddleware({ type: "function" }).server(
+ Sentry.sentryGlobalServerMiddlewareHandler()
+ ),
],
});
```
@@ -183,7 +190,9 @@ registerGlobalMiddleware({
### Capture Errors in your Error Boundaries and Components
- Automatic error monitoring is not yet supported on the on the server-side of TanStack Start. Use `captureException` to manually capture errors in your server-side code.
+ Automatic error monitoring is not yet supported on the on the server-side of
+ TanStack Start. Use `captureException` to manually capture errors in your
+ server-side code.
The Sentry SDK cannot capture errors that you manually caught yourself with error boundaries.
@@ -198,9 +207,12 @@ class MyErrorBoundary extends React.Component {
// ...
}
-export const MySentryWrappedErrorBoundary = Sentry.withErrorBoundary(MyErrorBoundary, {
- // ... sentry error wrapper options
-});
+export const MySentryWrappedErrorBoundary = Sentry.withErrorBoundary(
+ MyErrorBoundary,
+ {
+ // ... sentry error wrapper options
+ }
+);
```
If you defined `errorComponent`s in your Code-Based TanStack Router routes, capture the `error` argument with `captureException` inside a `useEffect` hook:
diff --git a/docs/platforms/javascript/guides/vue/index.mdx b/docs/platforms/javascript/guides/vue/index.mdx
index 6db1a53b1509c..837feb3018a75 100644
--- a/docs/platforms/javascript/guides/vue/index.mdx
+++ b/docs/platforms/javascript/guides/vue/index.mdx
@@ -82,7 +82,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
@@ -142,7 +142,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
diff --git a/platform-includes/getting-started-config/javascript.cloudflare.workers.mdx b/platform-includes/getting-started-config/javascript.cloudflare.workers.mdx
index 445e825cc1e24..76e40c9f14fd5 100644
--- a/platform-includes/getting-started-config/javascript.cloudflare.workers.mdx
+++ b/platform-includes/getting-started-config/javascript.cloudflare.workers.mdx
@@ -21,7 +21,7 @@ export default Sentry.withSentry(
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
diff --git a/platform-includes/getting-started-config/javascript.mdx b/platform-includes/getting-started-config/javascript.mdx
index ccf847a38e13f..5e4de083a78eb 100644
--- a/platform-includes/getting-started-config/javascript.mdx
+++ b/platform-includes/getting-started-config/javascript.mdx
@@ -1,10 +1,10 @@
@@ -17,7 +17,7 @@ import * as Sentry from "@sentry/browser";
Sentry.init({
dsn: "___PUBLIC_DSN___",
-
+
// Adds request headers and IP for users, for more info visit:
// https://docs.sentry.io/platforms/javascript/configuration/options/#sendDefaultPii
sendDefaultPii: true,
@@ -42,7 +42,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
@@ -78,7 +78,7 @@ Sentry.init({
window.sentryOnLoad = function () {
Sentry.init({
dsn: "___PUBLIC_DSN___",
-
+
// Adds request headers and IP for users, for more info visit:
// https://docs.sentry.io/platforms/javascript/configuration/options/#sendDefaultPii
sendDefaultPii: true,
@@ -103,7 +103,7 @@ Sentry.init({
// ___PRODUCT_OPTION_START___ logs
// Enable logs to be sent to Sentry
- _experiments: { enableLogs: true },
+ enableLogs: true,
// ___PRODUCT_OPTION_END___ logs
// ___PRODUCT_OPTION_START___ performance
@@ -122,7 +122,7 @@ Sentry.init({
// Capture Replay for 10% of all sessions,
// plus for 100% of sessions with an error
// Learn more at
- // https://docs.sentry.io/platforms/javascript/session-replay/configuration/#general-integration-configuration
+ // https://docs.sentry.io/platforms/javascript/session-replay/configuration/#general-integration-configuration
replaysSessionSampleRate: 0.1,
replaysOnErrorSampleRate: 1.0,
// ___PRODUCT_OPTION_END___ session-replay
@@ -141,7 +141,7 @@ Sentry.init({