fix: updated repository list skeleton arrays to use stable keys (#38)#58
Conversation
|
@prakshithamalla-art is attempting to deploy a commit to the Deekshith Gowda HS's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
Warning Review limit reached
More reviews will be available in 37 minutes and 51 seconds. Learn how PR review limits work. Your organization has run out of usage credits. Purchase more in the billing tab. ⌛ How to resolve this issue?After more reviews become available, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available. Please see our Fair Usage Limits Policy for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (1)
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Closes #38
🎯 Overview & Motivation
The skeleton grid and row loaders inside the repository explorer page view (
components/console/repository-list.tsx) were mapping empty iterative allocations via fallback array integers (key={i}). This can cause DOM structure reconciliation mismatch faults during layout toggles or fetch retries.This PR implements deterministic prefix identifier variations (
repo-skeleton-card-${i}andrepo-skeleton-row-${i}) to provide reliable tree optimization states.🛠️ Changes Implemented
SkeletonCardlayout mapper to use deterministic key strings.SkeletonRowlayout table array mapper to use deterministic keys.