A handler for capturing clicks outside a child element
npm install --save react-clickoutsideme
import React, { useCallback } from 'react'
import ClickOutsideMe from 'react-clickoutsideme'
const App = () => {
const onClickOutside = useCallback(() => {
alert('Clicked outside!')
}, [])
return (
<ClickOutsideMe onClickOutside={onClickOutside}>
<div>Click outside me!</div>
</ClickOutsideMe>
)
}
export default App
MIT © wagnerpaz