Soy un nuevo desarrollador de reacción, aquí tengo un pequeño problema, mi ClickAwayListener debería cerrar Popper al hacer clic en 'x' o afuera, lo cual hace, pero el problema es que tengo un componente dentro de mi Paper y que tiene Select cuando hago clic en ese seleccionar para ver mi las opciones, luego las opciones aparecen y desaparecen rápidamente, lo he probado y ClickAwayListener también afecta esto, ¿cómo deshabilitar el efecto de ClickAwayListener para aquellos dentro de Paper ?

 import ClickAwayListener from "@material-ui/core/ClickAwayListener"; const renderSettingsPopper = () => { return ( <Popper id={"graph"} open={popupOpenState()} placement="left-start" anchorEl={anchorEl} className={props.classes.components} style={{ zIndex: 4 }} modifiers={{ flip: { enabled: true, }, preventOverflow: { enabled: true, boundariesElement: "viewport", }, }} > <ClickAwayListener onClickAway={closeSettingsPopup}> <Paper className={props.classes.components}> {renderSettingsForm()} </Paper> </ClickAwayListener> </Popper> ); };