import { OutsideClickListener } from 'react-outside-click-listener'; function MyComponent() { return ( <OutsideClickListener disabled={condition} // Disable by some condition ignore=".css-class" // CSS selector for ignored elements. events={['mousedown', 'touchstart']} // Events which detects as clicks. Default value. onOutsideClick={callback} > {/* Child must hold a ref to dom node. */} <Child /> </OutsideClickListener> ); }