User feedback not showing after fully render in next.js

getsentry / sentry-javascript

Official Sentry SDKs for JavaScript

https://sentry.io

MIT License

7.99k stars 1.57k forks source link

User feedback not showing after fully render in next.js #13467

Open Amanuel-web opened 2 months ago

Amanuel-web commented 2 months ago

Is there an existing issue for this?

[x] I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
[x] I have reviewed the documentation https://docs.sentry.io/
[x] 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 commented 2 months ago

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

Amanuel-web commented 2 months ago

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

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

andreiborza commented 2 months ago

Thanks! We'll take a look at it.

andreiborza commented 2 months ago

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 commented 2 months ago

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 commented 2 months ago

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.