diff --git a/site/src/components/home/Demo/baseCode.ts b/site/src/components/home/Demo/baseCode.ts
index 33f4643a..774c4658 100644
--- a/site/src/components/home/Demo/baseCode.ts
+++ b/site/src/components/home/Demo/baseCode.ts
@@ -20,7 +20,9 @@ export function generateReactCode(skin: Skin): string {
   const skinComponent = skin === 'default' ? 'VideoSkin' : 'MinimalVideoSkin';
   const skinCss = skin === 'default' ? 'skin' : 'minimal-skin';
 
-  return `import { createPlayer } from '@videojs/react';
+  return `'use client';
+
+import { createPlayer } from '@videojs/react';
 import { ${skinComponent}, Video, videoFeatures } from '@videojs/react/video';
 import '@videojs/react/video/${skinCss}.css';