fix(www): resolve nested anchor hydration error in testimonials#925
Merged
Yeom-JinHo merged 4 commits intomagicuidesign:mainfrom Mar 17, 2026
Merged
fix(www): resolve nested anchor hydration error in testimonials#925Yeom-JinHo merged 4 commits intomagicuidesign:mainfrom
Yeom-JinHo merged 4 commits intomagicuidesign:mainfrom
Conversation
|
@Yeom-JinHo is attempting to deploy a commit to the product-studio Team on Vercel. A member of the Team first needs to authorize it. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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 the testimonials tweet card hydration error caused by nested anchor tags.
The testimonials section no longer wraps the entire
TweetCardin aLink, but it restores same-tab navigation for empty card areas through a client wrapper.This preserves the internal links rendered by
TweetCard, keeps the hover CTA, and restores navigation behavior on touch devices.Changes
Linkwrapper around each testimonials tweet card with a non-interactivediv.View Tweetas a same-tab CTA rendered asButton asChildwithLink.TweetCardlinks by ignoring clicks originating from nested interactive elements.Motivation
TweetCardalready renders multiple anchor elements internally for the profile, tweet permalink, and tweet entities.Wrapping the full card with
next/linkproduced invalid<a>inside<a>markup, which triggered a Next.js hydration error in the testimonials section.This change removes the invalid DOM nesting without changing the visible UI design.
Breaking Changes
None.
Screenshots
Link, causing nested anchors and a hydration error.View TweetCTA is linked, so nested anchors and the hydration error are removed.