edit: 모달 scroll lock 추가

YAPP-Github · Jul 7, 2023 · 56b915e · 56b915e
1 parent 7e3a9a7
commit 56b915e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx
@@ -2,7 +2,7 @@
 import { HTMLAttributes } from 'react';
 import cx from 'classnames';
 import { type Size, modalWrapper, backgroundWrapper } from './Modal.css';
-import { useClickOutside } from '@/hooks';
+import { useClickOutside, useLockScroll } from '@/hooks';
 
 type ModalProps = {
   size?: Size;
@@ -11,12 +11,12 @@ type ModalProps = {
 } & HTMLAttributes<HTMLDivElement>;
 
 const Modal = ({ size, onClose, overflow, className, children, ...rest }: ModalProps) => {
+  useLockScroll();
   const ref = useClickOutside<HTMLDivElement>({
     onClickOutside: () => {
       onClose();
     },
   });
-
   return (
     <>
       <div className={cx(backgroundWrapper)} data-testid="outside"></div>