Prevent overflow scrolling — nice to use when displaying a modal

freeze-window.js

const capturePosition = () => {
  const cachedPosition = window.pageYOffset
  return {
    freeze: () => {
      document.body.style = 
        `position: fixed; 
         top: ${cachedPosition * -1}px; 
         width: 100%;`
    },
    unfreeze: () => {
      document.body.removeAttribute('style')
      window.scrollTo({
        top: cachedPosition,
      })
    },
  }
}

Example:

const { freeze, unfreeze } = capturePosition()

React.useEffect(() => {
  if (state.isModalShowing) {
    freeze()
  }
  return () => {
    if (state.isModalShowing) unfreeze()
  } 
}, [state.isModalShowing])