import { useEffect } from 'react'

/** Locks body scroll while the calling component is mounted. */
export function useLockBodyScroll() {
  useEffect(() => {
    const prev = document.body.style.overflow
    document.body.style.overflow = 'hidden'
    return () => { document.body.style.overflow = prev }
  }, [])
}