How to open version history in pop up in SPFx react project ?

Thank you so much for your reply.
I am able to open IFrameDialog. but please help me how to hide some contents like left navigation when IFrameDialog opens. below is my code:
<IFrameDialog
url={this.state.listGUID}
iframeOnLoad = {this._onIframeLoaded.bind(this)}
hidden={this.state.hideiframedialog}
onDismiss={() => this._closeIFrameDialog()}
modalProps={{
isBlocking: true,
}}
dialogContentProps={{
type: DialogType.close,
showCloseButton: true,
title: 'Version History',
}}
width={'900px'}
height={'550px'} />

//On IFrame load, below code
protected async _onIframeLoaded (){
setTimeout(() => {
var pageId = document.getElementById('sideNavBox');
alert(pageId);
document.getElementById("sideNavBox")[0].setAttribute("style", "display:none !important");
},20000);
};
but it's not working..