fix: 모달 노출시 스크롤 블락

YAPP-Github · Feb 18, 2024 · 3bd24e7 · 3bd24e7
1 parent 5202bbb
commit 3bd24e7
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/components/Modal/index.tsx b/src/components/Modal/index.tsx
@@ -1,3 +1,5 @@
+import { useEffect } from 'react';
+
 import DeleteFolderModal from '@domain/저장하는/components/DeleteFolderModal';
 import { useModalStore } from '@stores/modal';
 
@@ -9,6 +11,16 @@ import MakeFolder from './modals/MakeFolder';
 const Modal = () => {
   const { type } = useModalStore();
 
+  useEffect(() => {
+    if (!type) return;
+
+    document.body.style.overflow = 'hidden';
+
+    return () => {
+      document.body.style.overflow = 'visible';
+    };
+  }, [type]);
+
   if (type === 'deleteArticle') return <DeleteArticle />;
 
   if (type === 'login') return <Login />;