useNavigatorPermissions Hook ๐ ๐บ๏ธ
This React Hook allows you to make a query to see if a user has either accepted or denied permissions to a given navigator api.
โ๏ธ
Getting Started You can install this hook using Yarn.
yarn add react-use-navigator-permissions
It can then be included in your project like so.
import useNavigatorPermissions from 'react-use-navigator-permissions'
const Component = () => {
const { status, error } = useNavigatorPermissions('geolocation')
return (
<div>{status}</div>
)
}
The first argument accepts the api name, and the second accepts a series of configuration parameters.
Browser Compatibility ๐ฃ
This hook utilizes window.navigator.permissions
which is not widely supported by all browsers. For information on what browser supports what please refer to the documentation.