useLockBodyScroll.js

import {useEffect} from 'react'

// lock body scroll when modals are open 🔥
// if isLocked isn't specified it will lock the page when mounted
function useLockBodyScroll(isLocked = true) {
  useEffect(() => {
    const originalStyle = window.getComputedStyle(document.body).overflow
    if (isLocked) {
      document.body.style.overflow = 'hidden'
    }

    return () => {
      document.body.style.overflow = originalStyle
    }
  }, [isLocked])
}

export default useLockBodyScroll