diff --git a/apps/web-next/src/components/media/player/index.ts b/apps/web-next/src/components/media/player/index.ts
index 78855ef1..3938e96c 100644
--- a/apps/web-next/src/components/media/player/index.ts
+++ b/apps/web-next/src/components/media/player/index.ts
@@ -1 +1,7 @@
-export { default } from './player';
+import { clientOnly } from '@solidjs/start';
+
+const Player = clientOnly(async () => {
+  return import('./player');
+});
+
+export default Player;