I'm trying out ways to inject predefined React components into a third party iframe. This iframe gets attached by its own to the DOM element that I specify i.e. there is third party JS code which does this.

I have figured out a way to render my component inside an element created inside the iframe body. I use ReactDOM.render for this. With this approach CONTEXT is not getting passed from Parent to my component. Styling given using react-emotion (version 9.x) doesn't work.

Is there any other way to achieve the same? Any hope with React Portals or so?