pagehide and beforeunload events don't work on mobile

[gonta1026]

Issue

I am using the beforeunload and beforeunload browser events to monitor when a user leaves the screen, but when I use react-player for hls videos, it does not fire properly.
Why is this happening?

import { useEffect, useRef } from "react";

export function useBeforeLeave(callback: () => void) {
	useEffect(() => {
		window.addEventListener("pagehide", handleEvent);
		window.addEventListener("beforeunload", handleEvent);
		return () => {
			window.removeEventListener("pagehide", handleEvent);
			window.removeEventListener("beforeunload", handleEvent);
		};
	}, [callback]);
}