From f6df9997c5a1e11e90c516ec34c37c363eefb639 Mon Sep 17 00:00:00 2001
From: Najeong-Kim <atpeoe1023@gmail.com>
Date: Wed, 14 Aug 2024 22:31:06 +0900
Subject: [PATCH] feat: Update slop-video component to use lazy loading for
 ReactHlsPlayer

---
 src/features/slop/ui/slop-video.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

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;