🚀 Fix: Prevent <pre> from being Wrapped in <p> to Resolve Hydration Error (#770)

[SaiShanmukkha]

Description

This PR resolves the issue where <pre> elements are incorrectly nested inside <p>, which leads to a React hydration error. The error occurs when rendering Markdown content, specifically when using the code block feature.

---

Root Cause

• The Markdown renderer was incorrectly wrapping code blocks inside <p>, which is invalid HTML.

• This caused the hydration error:

  Error: In HTML, <pre> cannot be a descendant of <p>.
  

---

Fix Implemented

• ✅ Updated the Markdown rendering logic to ensure that code blocks are rendered as standalone <pre><code>...</code></pre> elements, rather than being wrapped inside <p>.
• ✅ Prevented unnecessary <p> tags from being applied to code blocks.
• ✅ Tested rendering different Markdown formats, including inline code (code) and multi-line code blocks (code block).

---

Related Issues

• Fixes Error: In HTML, <pre> cannot be a descendant of <p>. This will cause a hydration error. #770
• Reports from @LeyoNeuroAI, @NeroBlackstone, @deyizhi regarding the same issue.

Checklist

• Fixes React hydration error ✅
• Markdown code blocks render correctly ✅
• No regressions in text formatting ✅
• Tested across different Markdown scenarios ✅

@LeyoNeuroAI @Asin-Junior-Honore @NeroBlackstone @deyizhi
Would appreciate a review and feedback before merging! 🚀

Let me know if you’d like any modifications! 🎯

[vercel]

@SaiShanmukkha is attempting to deploy a commit to the Vercel Team on Vercel.

A member of the Team first needs to authorize it.

[MaesterPycoder]

This fix worked perfectly for me! 🚀

The React hydration error caused by <pre> elements being incorrectly nested inside <p> was breaking my Markdown rendering, but after applying this update, everything works as expected.

Code blocks now render correctly without unnecessary <p> tags, and there are no more hydration issues.

Thanks for the quick fix! @SaiShanmukkha ✅

[vaseeem-99]

I have faced same issue and this fix works.

Thanks @SaiShanmukkha