onScratch percentage displays infinity

[michelazzam]

<ScratchCard
            brushWidth={30}
            source={lv1waw9}
            style={{
                width: 100,
                height: 100,
                position: "absolute",
                margin: 10,
                zIndex: 1,
                backgroundColor: "transparent",
              }  }
            onScratch={(e) => console.log("percentage",e)}
          />

   Percentage is displayed as "Infinity" why ?

[michelazzam]

So Apparently when the position is Absolute, it doesn't work as expected.

How can this behavior be fixed and controlled ?