React hook for body scroll lock

useScrollLock.ts

import React from "react";
import { enableBodyScroll, disableBodyScroll, BodyScrollOptions } from "body-scroll-lock";

export const useScrollLock = (
  targetElement?: HTMLElement | Element | null | false,
  bodyScrollOption?: BodyScrollOptions
) => {
  React.useLayoutEffect(() => {
    if (!targetElement) {
      return;
    }
    disableBodyScroll(targetElement, bodyScrollOption);
    return () => {
      enableBodyScroll(targetElement);
    };
    /* eslint-disable-next-line react-hooks/exhaustive-deps */
  }, [targetElement]);
};