useDisableBodyScroll React Hook

useDisableBodyScroll.ts

// When `open` is true, sets `document.body.style.overflow` to `hidden` so 
// the page behind modals/drawers does not scroll; restores `unset` when closed.
import { useEffect } from 'react';

export const useDisableBodyScroll = (open: boolean) => {
  useEffect(() => {
    if (open) {
      document.body.style.overflow = 'hidden';
    } else {
      document.body.style.overflow = 'unset';
    }
  }, [open]);
};