jamesives / react-use-navigator-permissions

🔗 🗺️ React hook which checks if the user has provided permissions to a given API.

Software Engineer from London that loves all things front-end, design, and automation.

Recent Thoughts 💭

• Demystifying Web Components: Getting Started
• Visual Testing Storybook with Playwright
• Let's Chat About Design System Tokens

More articles ➡️

react-use-navigator-permissions's Issues

wrap detection in try catch

need to wrap in a try catch so as to gracefully handle permissions that are not available on all platforms

Uncaught (in promise) TypeError: 'nfc' (value of 'name' member of PermissionDescriptor) is not a valid value for enumeration PermissionName.

listen to change event to update state

https://developer.mozilla.org/en-US/docs/Web/API/PermissionStatus/change_event

  permissionStatus.onchange = () => {
    console.log(`geolocation permission state has changed to ${permissionStatus.state}`);
  };