BUG: Website freezes when location is disabled.

[BishamKunwor]

When location is enabled, the application is working fine.

Before:

After Location is turned off:

End Result:

[Ahadkhan-12]

Do u have any fix for this. We can set a default location for this but in that case the browser doesnt ask for permission , the user when turn on location and reload the location will update . Any suggestion?
@BishamKunwor

[Ahadkhan-12]

@BishamKunwor Do u have any idea what can we do to solve this issue?

[BishamKunwor]

Here Are the steps for How I'd go about solving the Issue.

1. Check If Browser permitted our app to use the user's location. If so then use the location.
2. If the Browser did not let us have user's location then I'd use their IP and get location from the IP and use it as It is better than Default location which is static.
3. Lastly, I'd check if we have grabbed IP from 1 and 2 step. If there is issue in both steps (API failure) then I'd set a default location to avoid any error while page loads.

@Ahadkhan-12 Feel free to suggest If I'd missed something.

[Ahadkhan-12]

For point 1 : I tired to do that but failed to do so .
For point 3 : I have set lat and lng for Delhi as default input. Which solve the Website freezing .

For point 1 : Can u provide how to proceed with that , i cant find good reference to implement it.
@BishamKunwor

[BishamKunwor]

This guide should cover all that is required by you
https://www.javascripttutorial.net/web-apis/javascript-geolocation/

Your code only handles success case but not error case as seen in useEffect hook

set a callback for when the location permission is denied.