diff --git a/playgrounds/nuxt/app/components/orpc-stream.vue b/playgrounds/nuxt/app/components/orpc-stream.vue
index 002b2abe8..ed8979b34 100644
--- a/playgrounds/nuxt/app/components/orpc-stream.vue
+++ b/playgrounds/nuxt/app/components/orpc-stream.vue
@@ -5,14 +5,17 @@ const { $orpc } = useNuxtApp()
 
 const query = useQuery($orpc.sse.experimental_streamedOptions({
   queryFnOptions: { maxChunks: 3 },
+  enabled: import.meta.client,
 }))
 </script>
 
 <template>
   <div>
     <h2>oRPC and Tanstack Query | Event Iterator example</h2>
-    <pre>
+    <ClientOnly>
+      <pre>
 {{ JSON.stringify(query.data.value, null, 2) }}
-    </pre>
+      </pre>
+    </ClientOnly>
   </div>
 </template>