Skip to content

[Due for payment 2026-03-19] Add reasonAttributes to ReportHeaderSkeletonView usage sites #83398

@MelvinBot

Description

@MelvinBot

Problem

As part of #81683, we need to add reasonAttributes to all skeleton components so that Sentry spans carry structured metadata about why a loading indicator is visible. This helps engineers debug infinite skeleton loading states.

Solution

Add reasonAttributes to all usage sites of ReportHeaderSkeletonView (src/components/ReportHeaderSkeletonView.tsx).

At each usage site:

  1. Pass a reasonAttributes prop with a context string identifying the parent component (e.g. 'ParentComponent.ChildComponent')
  2. Include relevant boolean state variables that determine the loading state (e.g. isLoading, isDataReady)

Example

const reasonAttributes: SkeletonSpanReasonAttributes = {
    context: 'ParentComponent',
    isLoading,
    isDataReady,
};

<ReportHeaderSkeletonView reasonAttributes={reasonAttributes} />

Reference

Scope

  • Component path: src/components/ReportHeaderSkeletonView.tsx
  • Usage sites to update: ~6 files
Issue OwnerCurrent Issue Owner: @sosek108

Metadata

Metadata

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions