useClickAnyWhere()
This simple React hook offers you a click event listener at the page level, don't repeat yourself.
It is made on the useEventListener.
The Hook
1import { useEventListener } from 'usehooks-ts'23type Handler = (event: MouseEvent) => void45function useClickAnyWhere(handler: Handler) {6 useEventListener('click', event => {7 handler(event)8 })9}1011export default useClickAnyWhere
Usage
1import { useState } from 'react'23import { useClickAnyWhere } from 'usehooks-ts'45export default function Component() {6 const [count, setCount] = useState(0)78 useClickAnyWhere(() => {9 setCount(prev => prev + 1)10 })1112 return <p>Click count: {count}</p>13}
See a way to make this page better?
Edit there »