User feedback not showing after fully render in next.js

[Amanuel-web]

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

"@sentry/nextjs": "^8.26.0"

Framework Version

"next": "14.2.6",

Link to Sentry event

https://jsm-m9.sentry.io/issues/

Reproduction Example/SDK Setup

dsn: "https://1d82823f944af2a1d016ed4a052f8af6@o4507784333033472.ingest.us.sentry.io/4507835111243776",

Steps to Reproduce

when the app loads it starts showing the button but after fully render the button disappears

Expected Result

Sentry.feedbackIntegration({
colorScheme: "dark",
}),
added and to see the Report a bug button

Actual Result

when the app loads it starts showing the button but after fully render the button disappears

[andreiborza]

Hello, thanks for writing in. Could you please provide a reproduction stackblitz or a repo?

[Amanuel-web]

Hello, thanks for writing in. Could you please provide a reproduction stackblitz or a repo?

https://github.com/Amanuel-web/PROJECT-FOLIO.git

[andreiborza]

Thanks! We'll take a look at it.

[andreiborza]

I've had a look through your project and it seems like you're having some errors in 3d-pin.tsx that cause this issue. I looked through that component but can't really spot anything that would interfere with Sentry or be specific to Sentry.

I'd suggest by starting to fix that component and see if you're still running into this issue.

[Amanuel-web]

I've had a look through your project and it seems like you're having some errors in 3d-pin.tsx that cause this issue. I looked through that component but can't really spot anything that would interfere with Sentry or be specific to Sentry.

I'd suggest by starting to fix that component and see if you're still running into this issue.

i've tried removing the 3d-pin but the problem still there the only way to make it work is to remove the whole class from rendering

[s1gr1d]

I took a look as well and there is probably something wrong with PinPerspective. Even when Sentry is not enabled, the error shows up. I would suggest finding the error somewhere in this component or trying to fix the other server-client mismatch errors that pop up in the console.