diff --git a/src/features/slop/ui/slop-video.tsx b/src/features/slop/ui/slop-video.tsx
index da5e96d..7070e69 100644
--- a/src/features/slop/ui/slop-video.tsx
+++ b/src/features/slop/ui/slop-video.tsx
@@ -1,8 +1,10 @@
+import dynamic from 'next/dynamic';
 import React, { useEffect } from 'react';
-import ReactHlsPlayer from 'react-hls-player';
 import { cn } from '@/shared/lib';
 import CloseButton from '@/shared/ui/close-button';
 
+const ReactHlsPlayer = dynamic(() => import('react-hls-player'), { ssr: false });
+
 interface SlopVideoProps {
   src: string;
   closeVideo: () => void;