From 7e94bad1a7b69ec8c4c024f2f2caf28841344470 Mon Sep 17 00:00:00 2001
From: Darius Cepulis <dcepulis@mux.com>
Date: Mon, 13 Apr 2026 09:39:28 -0500
Subject: [PATCH] fix(site): revert FrameworkCase conditional rendering (#1317)

---
 site/src/components/docs/FrameworkCase.astro | 24 ++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/site/src/components/docs/FrameworkCase.astro b/site/src/components/docs/FrameworkCase.astro
index f3058d01..5a01ea2e 100644
--- a/site/src/components/docs/FrameworkCase.astro
+++ b/site/src/components/docs/FrameworkCase.astro
@@ -11,7 +11,27 @@ const { framework } = Astro.params;
 
 // Only render if current framework matches, or if no frameworks specified (all frameworks)
 const shouldRender = !frameworks || frameworks.includes(framework as SupportedFramework);
-const html = shouldRender ? await Astro.slots.render('default') : '';
 ---
 
-{shouldRender && <Fragment set:html={html} />}
+{
+  /*
+    What I WANT to do is
+    ```
+    {shouldRender && <slot />}
+    ```
+
+    But I'm running into some crazy problems with hydration.
+    Putting client:* in one of these conditionals causes Astro to just give up hydrating the whole app for some reason.
+    TODO: fix this
+
+    So, while I debug those... let's do this
+  */
+}
+<div
+  class="contents"
+  hidden={!shouldRender}
+  data-search-ignore={shouldRender ? undefined : "all"}
+  data-llms-ignore={shouldRender ? undefined : "all"}
+>
+  <slot />
+</div>