sentry-javascript: Vue documentation wrong for replayIntegration setup

Is there an existing issue for this?

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/browser

SDK Version

7.92.0

Framework Version

vue 7.92.0

Link to Sentry event

No response

SDK Setup

No response

Steps to Reproduce

This documentation https://docs.sentry.io/platforms/javascript/guides/vue/session-replay/ is wrong.

Copy pasting it results in an error with typescript not finding replayIntegration on the Sentry type.

 integrations: [
      Sentry.replayIntegration({
        // Additional SDK configuration goes in here, for example:
        maskAllText: true,
        blockAllMedia: true,
      }),
    ],

This code results in Uncaught TypeError: Sentry.replayIntegration is not a function

Expected Result

The docs work

Actual Result

 integrations: [
      Sentry.replayIntegration({
        // Additional SDK configuration goes in here, for example:
        maskAllText: true,
        blockAllMedia: true,
      }),
    ],

This code results in Uncaught TypeError: Sentry.replayIntegration is not a function

About this issue

  • Original URL
  • State: closed
  • Created 4 months ago
  • Comments: 19 (7 by maintainers)

Most upvoted comments

I’m not sure the problem is about your documentation as this issue seems very likely to be a Nuxt project’s issue, and you don’t support Nuxt 3 (at least, the community plugin doesn’t). I sent a message to the author of the article to suggest him to emphasize more on the client-only plugin.

And in the eventuality the Nuxt Module for Sentry becomes available to a Nuxt v3+ projects, the user shouldn’t have to face this issue, as it will be configured by the module itself.

apologies misunderstood, thought it was that replayIntegration being client-only was not emphasized enough in our docs.

Property 'replayIntegration' does not exist on type 'typeof import("{MY-FILE-PATH}/node_modules/@sentry/vue/types/index")'.ts(2339)