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:
- Pass a
reasonAttributes prop with a context string identifying the parent component (e.g. 'ParentComponent.ChildComponent')
- 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 Owner
Current Issue Owner: @sosek108
Problem
As part of #81683, we need to add
reasonAttributesto 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
reasonAttributesto all usage sites ofFullscreenLoadingIndicator(src/components/FullscreenLoadingIndicator.tsx).At each usage site:
reasonAttributesprop with acontextstring identifying the parent component (e.g.'ParentComponent.ChildComponent')isLoading,isDataReady)Example
Reference
ActivityIndicatorin image-loading contextsScope
src/components/FullscreenLoadingIndicator.tsxIssue Owner
Current Issue Owner: @sosek108