Hay un evento de clic de documento global (React hook useClickAway). Pero cuando hace clic en una diapositiva, el evento no se activa Acerca del ejemplo: círculo en el encabezado, como menú desplegable de avatar, haga clic en el menú de activación. El menú se cierra si hace clic en cualquier lugar fuera. ¿Cómo cerrar el menú sin trucos, cuando también se hace clic para deslizar el dedo? Ejemplo de Codesandbox
prop touchStartPreventDefault={false} es la solución