React | 상태 값에 따라 스크롤 방지

useEffect(() => {
  if (isOpen) {
    document.body.style.overflow = "hidden";
  } else {
    document.body.style.overflow = "unset";
  }
  return () => {
    document.body.style.overflow = "unset";
  };
}, [isOpen]);

overflow hidden 으로 스크롤 방지
unset 을 하면 상속값 혹은 초깃값을 사용한다