Open dialog in whole page rather than iframe in react

I want to open dialog as AP.require.dialog of jira using react. Atlasskit’s modal dialog is not helpful as it renders within iframe only.

Because of the isolated nature of iframes, you cannot render a dialog using pure React rendering. You will need to call the AP dialog module, or specify the dialog as a module in your Connect descriptor, and design your app around that.

https://developer.atlassian.com/cloud/jira/platform/modules/dialog/