Skip to content

[Due for payment 2026-03-24] [Due for payment 2026-03-19] Add reasonAttributes to FullscreenLoadingIndicator usage sites #83395

@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 FullscreenLoadingIndicator (src/components/FullscreenLoadingIndicator.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,
};

<FullscreenLoadingIndicator reasonAttributes={reasonAttributes} />

Reference

Scope

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

Metadata

Metadata

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions