@blocklet/payment-react/es/hooks/scroll.js

Reusable react components for payment kit v2

import { useEffect } from "react";
export function usePreventWheel() {
  useEffect(() => {
    const handleWheel = (e) => {
      if (document.activeElement?.type === "number") {
        e.preventDefault();
      }
    };
    window.addEventListener("wheel", handleWheel, { passive: false });
    return () => {
      window.removeEventListener("wheel", handleWheel);
    };
  }, []);
}