roldanjr / use-stay-awake Goto Github PK

1. https://roldanjr.github.io/use-stay-awake/
2. click on "Prevent Sleeping"
3. black blank video shows up and it loops

environments

• iPhone 14.4.2
• chrome 91.0.4472.80

Hi all,

I'm working on a React application that requires to stay awake permanently, at least for now, and its working well on most Android browsers, but I noticed that it has issues on Safari >14.0 (iOS devices) and Firefox for Android 85.1.3 (Android devices).

Working versions:

• Chrome for Android (v88.0.4324.181)
• Edge for Android (v46.01.4.5140)
• Mi Browser for Android (v12.8.3-gn)

Not working versions:

• iOS Safari (v14.3 & v14.4) — it was tested on both versions
• Firefox for Android (v85.1.3)

I know that the Browser Supports section from the README specifies that the library works from v3.2 to v14.0, but I wonder if there is any chance to add support to the latest versions of Safari. I don't have an iPhone or iPad myself to debug the issue and submit a pull request, I had to ask a friend of mine to check if it worked on his devices.

EDIT: I downloaded Firefox for Android and it's not working on v85 (which makes sense considering that you only support to v68), so I added it to the list of not working versions.

Error caught on Firefox console through USB Debugging

EDIT 2: I noticed that I didn't upload the code example I'm using. This would be helpful for you guys, because I'm not using the preventSleeping() method inside an event, such as a click.

const WakeLock = () => {
  const { preventSleeping } = useStayAwake();

  useEffect(() => {
    preventSleeping();
  }, [preventSleeping]);

  return <Fragment />;
};

Thanks in advance.