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} });