El botón de ayuda aparece en la página web, cuando hace clic en el botón de ayuda, se abre un iframe que es la misma página web en una ventana más pequeña (iframe).

¿Cómo oculto el botón de ayuda solo en el iframe para que no se pueda abrir otro iframe dentro del iframe?

He probado selectores de consultas y selectores DOM, pero no funcionan.

 xport default function help() { const [shown, setShown] = React.useState(false) // var myIframe = document.getElementById("iFrameContainer"); // var divElement = myIframe.contentWindow.document.querySelector(".helpButton"); // divElement.style.display = "none"; return ( <div className="helpButton"> {shown ? <Helper src="http://localhost:3000/"/> : null} <button onClick={() => setShown(!shown)}> <img src={helpIcon} alt=""/> </button> </div> ); } const Helper = (props) => { // var myIframe = document.getElementById("iFrameContainer"); // var divElement = myIframe.contentWindow.document.querySelector(".helpButton"); // divElement.style.display = "none"; return <div name="iFrameContainer"> <iframe className='frame' title={props.src} src={props.src} /> </div> }