fix: add missing key prop to social links list in ContactUs #813
+2
−2
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
📝 Description
This PR fixes a React warning on the Contact Us page by adding a missing
keypropto the top-level element rendered inside the
socialLinks.map()list.The warning was caused by the
keybeing applied to a nested element instead ofthe outermost element returned by the map function. This change ensures React can
correctly track list items and improves rendering stability, especially for
Framer Motion animations.
🔗 Related Issue
Fixes #
🔄 Type of Change
📷 Visual Changes
Screenshots / GIFs
No visual changes. This update fixes a console warning only.
🧪 Testing Performed
📱 Browser Compatibility
🖥️ Responsive Design
✅ Test Cases
npm run devkeyprops is no longer shown in the browser console♿ Accessibility
📋 PR Checklist
💭 Additional Notes
This change focuses on resolving a React best-practice warning and does not
introduce any functional or visual changes to the UI.