From 9598ee284850135a17d6aa3fc0c17a13edd504ea Mon Sep 17 00:00:00 2001
From: rahim <rahim.alwer@gmail.com>
Date: Tue, 10 Mar 2026 02:27:48 -0700
Subject: [PATCH] docs: add 'use client' to React install example (#825)

---
 site/src/components/installation/ReactCreateCodeBlock.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/site/src/components/installation/ReactCreateCodeBlock.tsx b/site/src/components/installation/ReactCreateCodeBlock.tsx
index adbb948a..4ab192d8 100644
--- a/site/src/components/installation/ReactCreateCodeBlock.tsx
+++ b/site/src/components/installation/ReactCreateCodeBlock.tsx
@@ -109,7 +109,9 @@ function generateReactCode(useCase: UseCase, skin: Skin, renderer: Renderer): st
     ...(mediaImport ? [mediaImport] : []),
   ].join('\n');
 
-  return `${imports}
+  return `'use client';
+
+${imports}
 
 const Player = createPlayer({ features: ${featureType} });