diff --git a/src/features/home/render-home.tsx b/src/features/home/render-home.tsx index 71c4311e..f6754e8b 100644 --- a/src/features/home/render-home.tsx +++ b/src/features/home/render-home.tsx @@ -4,10 +4,17 @@ import DesktopHome from '@/features/home/desktop-home'; import TabletHome from '@/features/home/tablet-home'; import MobileHome from './mobile-home'; import LoadingAnimation from '@/components/common/loading-animation'; +import { useEffect, useState } from 'react'; const { MOBILE, TABLET, DESKTOP } = DEVICE; const RenderHome = () => { + const [isMounted, setIsMounted] = useState(false); const device = useDeviceType(); - if (!device) return ; + useEffect(() => { + setIsMounted(true); + }, []); + + if (!isMounted) return <>; + switch (device) { case DESKTOP: return ;