Modal Prevent scroll/remember scroll position on Safari Mobile

scrollPrevent.js

useEffect(() => {
    if (isActive) {
      document.querySelector("body").classList.add("prevent-scroll")
      // When the modal is shown, we want a fixed body
      const scrollY = document.documentElement.style.getPropertyValue(
        "--scroll-y"
      )
      const body = document.body
      body.style.position = "fixed"
      body.style.top = `-${scrollY}`
    } else {
      const body = document.body
      const scrollY = body.style.top
      body.style.position = ""
      body.style.top = ""
      window.scrollTo(0, parseInt(scrollY || "0") * -1)
      document.querySelector("body").classList.remove("prevent-scroll")
    }
  }, [isActive])

body[class="prevent-scroll"]{overflow:hidden !important;}