Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No INP data found in this project #12797

Closed
3 tasks done
reactor-copilot-007 opened this issue Jul 8, 2024 · 12 comments
Closed
3 tasks done

No INP data found in this project #12797

reactor-copilot-007 opened this issue Jul 8, 2024 · 12 comments
Assignees
Labels
Feature: Spans Package: react Issues related to the Sentry React SDK Type: Bug

Comments

@reactor-copilot-007
Copy link

Is there an existing issue for this?

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/react

SDK Version

8.15.0

Framework Version

React 18.2.0

Link to Sentry event

No response

SDK Setup/Reproduction Example

import * as Sentry from "@sentry/react";

Sentry.init({
    dsn: DSN,
    integrations: [
      Sentry.browserTracingIntegration(),
      Sentry.replayIntegration(),
    ],
    tracesSampleRate: 0.001,
    tracePropagationTargets: ["https://www.my-site.com", /^\/api\//],
    replaysSessionSampleRate: 0,
    replaysOnErrorSampleRate: 0.001,
    release: `react@${packageFile.version}`,
});

Steps to Reproduce

Project: PHP site with embedded react.js on all pages via defer script.

When debug is enabled and Browser->Performance->CPU->20x slowdown + interaction with complex filters in UI, I saw INP mentioned in the logs only once (all other times there were no logs about INP - about 20 tests in production).
Screenshot 2024-07-05 at 11 12 59

Expected Result

Expecting to receive INP data

Actual Result

Screenshot 2024-07-08 at 15 58 17
@getsantry getsantry bot moved this to Waiting for: Product Owner in GitHub Issues with 👀 3 Jul 8, 2024
@github-actions github-actions bot added the Package: react Issues related to the Sentry React SDK label Jul 8, 2024
@AbhiPrasad
Copy link
Member

@reactor-copilot-007 INP is only flushed when you navigate to another tab or minimize the browser window.

The reason why INP is probably not showing up is because the sample rate is just too low, tracesSampleRate: 0.001 means 0.1%, which means you only sample 1 out of every 1000 instances of INP. I recommend increasing your sample rate.

@reactor-copilot-007
Copy link
Author

@AbhiPrasad I understand this, but our site is visited by many users, so we have to set tracesSampleRate: 0.001 to fit within the 10M span limits. Given the number of page views, the INP should be counted accurately.
Screenshot 2024-07-08 at 18 31 43

@getsantry getsantry bot moved this to Waiting for: Product Owner in GitHub Issues with 👀 3 Jul 8, 2024
@AbhiPrasad
Copy link
Member

I see

@reactor-copilot-007 are you able to share a link to the site that is running the sentry sdk? That will help us dive in further.

@reactor-copilot-007
Copy link
Author

@AbhiPrasad https://www.work.ua/en/
There are sentry logs enabled

@getsantry getsantry bot moved this to Waiting for: Product Owner in GitHub Issues with 👀 3 Jul 8, 2024
@AbhiPrasad
Copy link
Member

@reactor-copilot-007 you don't have a lot of interaction elements on your pages, so the likelihood of an interaction even happening is very low, which explains the lack of INP in our app.

Most of your interactable elements navigate to another page, which kicks off a separate set of web vitals to be recorded. And it judging by your relative pageload volume, the vast majority of your users are not interacting with any of the dropdowns or similar elements.

I was able to trigger INP on this page: https://www.work.ua/en/news/ukraine/2674/

image

@edwardgou-sentry any advice on what to do in these scenarios?

@reactor-copilot-007
Copy link
Author

reactor-copilot-007 commented Jul 8, 2024

@AbhiPrasad for example, we have very popular job pages with a lot of filters that are used and we want to improve - https://www.work.ua/en/jobs-kyiv-accounting/
Screenshot 2024-07-08 at 19 04 38

Before that, we used the web-vitals library and collected INP manually on our server.
Screenshot 2024-07-08 at 19 08 34

There was a lot of data. This is the amount of poor INP data:
Screenshot 2024-07-08 at 19 07 20

@getsantry getsantry bot moved this to Waiting for: Product Owner in GitHub Issues with 👀 3 Jul 8, 2024
@AbhiPrasad
Copy link
Member

Sentry is recording INP for the interactions on this page when sampled:

image

@AbhiPrasad
Copy link
Member

@reactor-copilot-007 we've escalated this internally, this might actually be a server-side issue on our end. Thanks for the help in the meantime, we'll update this issue as soon as we get more details.

@edwardgou-sentry
Copy link
Contributor

Hey @reactor-copilot-007 thanks for reporting this issue. We made an internal fix and the issue should now be resolved. I took a quick look at your org and can see INP now appearing. Please let us know if you have any further questions or issues! Closing this issue for now, thanks!

@duhaime
Copy link

duhaime commented Nov 5, 2024

@edwardgou-sentry what version number do we need to bump to to get INP data into sentry?

We're still seeing "No INP data found in this project" despite the fact that there are many traces for users on pages with lots of interaction elements that update the DOM.

@edwardgou-sentry
Copy link
Contributor

Hi @duhaime, I recommend updating to the latest version available since that will include the most up to date fixes and improvements to INP and other performance features. At this time, 8.37.1 seems to be the most recent.

@duhaime
Copy link

duhaime commented Nov 7, 2024

Thank you @edwardgou-sentry, that did it :)

Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature: Spans Package: react Issues related to the Sentry React SDK Type: Bug
Projects
Archived in project
Development

No branches or pull requests

4 participants