on document click react-hooks
npm install use-click-document```
npm install use-click-document
`typescript
import React, { useCallback } from 'react';
import { useClickDocument } from 'use-click-document';
const SomeComponent = () => {
const onAnythingClick = useCallback((event: MouseEvent) => {
console.log('clicked anything', event.target);
}, []);
useClickDocument(onAnythingClick);
return
usage ignored target refs
`typescript
import React, { useCallback, useRef } from 'react';
import { useClickDocument } from 'use-click-document';
const SomeComponent = () => {
const refA = useRef(null);
const refB = useRef(null); const onClickIgnoredAB = useCallback((event: MouseEvent) => {
console.log('clicked not a and b', event.target);
}, []);
useClickDocument(onClickIgnoredAB, [refA, refB]);
return (
A
B
C
);
};
``