User Feedback: Show better message if submission was rejected due to allowedDomains

[Stanzilla]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/nextjs

SDK Version

7.86.0

Framework Version

Next ^14.0.4

Link to Sentry event

No response

SDK Setup

Sentry.init({
  dsn: SENTRY_DSN,
  environment,

  // Adjust this value in production, or use tracesSampler for greater control, default: 1
  tracesSampleRate: 0.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: [
    new Sentry.Replay({
      // For additional Replay configuration see https://docs.sentry.io/platforms/javascript/session-replay/configuration/
      maskAllText: false,
      blockAllMedia: false,
    }),
    new Sentry.Feedback({
      // For additional SDK configuration see https://docs.sentry.io/platforms/javascript/user-feedback/configuration/
      colorScheme: 'dark',
      showBranding: false,
      themeDark: {
        background: '#292937',
        backgroundHover: '#393949',
        inputBackground: '#1e1e28',
        inputForeground: '#84849e',
        inputOutlineFocus: '#39394d',
        submitBackground: '#3e4784',
        submitBackgroundHover: '#505ba9',
        submitBorder: '#616ec7',
      },
    }),
  ],
})

Steps to Reproduce

• Click on "Report a bug" button
• Enter any text in any field

Expected Result

Feedback gets sent

Actual Result

Error: There was a problem submitting feedback, please wait and try again.

Sadly also nothing in the console that would help me debug. I tested this locally and on a vercel preview deploy.

I have Early Adopter enabled:

And I do have Vercel previews and localhost in the allowed domains:

*-SITENAME.vercel.app
localhost

[Stanzilla]

Seems to work now..weird. Maybe the allowed domains took a while to kick in. I would appreciate though if the error message was a little more descriptive and this was easier to debug, leaving the ticket open because of that. If you'd rather have me make a new one just for that, please let me know.

[lforst]

@billyvg @c298lee you mind taking a look at this?

[billyvg]

We'll take a look and see if it's allowed domains related.

[billyvg]

We could maybe show a different error message if we get a 403 response with this body:

{detail: "event submission rejected with_reason: Cors"}

[Stanzilla]

We could maybe show a different error message if we get a 403 response with this body:

{detail: "event submission rejected with_reason: Cors"}

I think anything that points the user into the right direction would help, if you can be sure, why not add something like "Are you sure you have added this domain to the list of allowed domains?"

[chrisweb]

I currently have this exact problem, my requests failed with a 403 code but I did not know why

Then I saw that the response had: {detail: "event submission rejected with_reason: Cors"}

This sent me into the wrong direction as I spent time on figuring out why CORS would be a problem

After a while I remembered I had made changes to the allowed domain list, so I set the list back to '*' and then everything worked, so I figured out the problem is my allowed domains list, however I have no clue which domain is causing the problem

So a message like: "request blocked because domain XY is not in the allowed list", would help a lot

[chargome]

Thanks @chrisweb, it's on our list.