I installed sentry onto my project as instructe and added the setups in my sentry.client.config.ts file, but when I tried to report a bug by clicking on the "report a bug" widget on my website and sent a feedback, nothing shows up in my sentry account. Here's my sentry.client.config.ts file, if anyone has any idea why this can happen or if anything is wrong with my code, I'd be very greatful if you could help! Oh and another thing, my page freezes every time after I send a user feedback and can only get it to work after refreshing the page. Does anyone know why this can happen?
// This file configures the initialization of Sentry on the client.
// The config you add here will be used whenever a users loads a page in their browser.
// https://docs.sentry.io/platforms/javascript/guides/nextjs/
import * as Sentry from "@sentry/nextjs";
Sentry.init({
dsn: "https://0c98626dee713838072c64add47afe3e@o4507421849616384.ingest.us.sentry.io/4507421853876224",
// Adjust this value in production, or use tracesSampler for greater control
tracesSampleRate: 1,
// Setting this option to true will print useful information to the console while you're setting up Sentry.
debug: false,
replaysOnErrorSampleRate: 1.0,
// This sets the sample rate to be 10%. You may want this to be 100% while
// in development and sample at a lower rate in production
replaysSessionSampleRate: 0.1,
// You can remove this option if you're not planning to use the Sentry Session Replay feature:
integrations: [
Sentry.replayIntegration({
// Additional Replay configuration goes in here, for example:
maskAllText: true,
blockAllMedia: true,
}),
Sentry.feedbackIntegration({
// Additional SDK configuration goes in here, for example:
colorScheme: "dark",
}),
],
});