using `body-scroll-lock` npm package to prevent body scroll on iOS

prevent-body-scroll.js

import React, { useEffect } from 'react';
import * as bodyScrollLock from 'body-scroll-lock';

const disableBodyScroll = bodyScrollLock.disableBodyScroll;
const enableBodyScroll = bodyScrollLock.enableBodyScroll;

export default function Page() {
  const appRef = React.createRef();

  useEffect(() => {
    if (scrollableContainerRef && scrollableContainerRef.current) {
      disableBodyScroll(scrollableContainerRef.current);
    }
    return () => {
      if (scrollableContainerRef && scrollableContainerRef.current) {
        enableBodyScroll(scrollableContainerRef.current);
      }
    };
  }, []);

  return (
    <div ref={scrollableContainerRef} />
  );
}