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 SearchFiltersSkeleton (src/components/Skeletons/SearchFiltersSkeleton.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,
};
<SearchFiltersSkeleton reasonAttributes={reasonAttributes} />
Reference
Scope
- Component path:
src/components/Skeletons/SearchFiltersSkeleton.tsx
- Usage sites to update: ~1 file
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 ofSearchFiltersSkeleton(src/components/Skeletons/SearchFiltersSkeleton.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/Skeletons/SearchFiltersSkeleton.tsx