useGeolocation not updating state in Firefox desktop

[joekrill]

Describe the bug

In Firefox the state returned by useGeolocation is never updated when permission is requested and given. It will only update if permission is given permanently and the page is then reloaded (or the component using the hook is remounted).

To Reproduce
Steps to reproduce the behavior:

1. Go to https://antonioru.github.io/beautiful-react-hooks/#/useGeolocation
2. Click "Allow" when location permission is requested.
3. Notice the text never changes from "Retrieving position..."

Expected behavior

The state should update and the location should be shown as soon as it's retrieved.

I've tested this using:

• Firefox 112.0.2 (64-bit) on Mac M1 Ventura 13.3.1 (22E261)
• Firefox 108.0.1 (64-bit) on Windows 10 Pro 21H2

This issue did not occur on my Pixel 7 with Firefox 112.2.0 (running Android UpsideDownCake beta UPB1.230309.017)

Additional context

Oddly, using useGeolocationState directly does work as expected (although the examples are currently broken). And the events returned are triggered (i.e. onChange).

[JayV30]

I'm also experiencing issues with useGeolocation. The component where it's being used correctly reports position data when the component mounts. Then if the component unmounts, returning to that component no position data is returned. It doesn't appear to be limited to Firefox, this is occurring in Chrome.

I love beautiful-react-hooks and generally use it in most of my projects but there is something just not working right with this particular hook.