There is a global document click event(React hook useClickAway). But when you click on a slide, the event does not fire About example: circle in header, like avatar dropdown, click on it trigger menu. Menu closes if you click anywhere outside. How to close menu without hacks, when click to swiper slide too? Codesandbox example