Iframe not resizing

[Bryze]

This is the current snippet, I pass url as props to this class which uses reactiframeresizer to construct the new iframe.
import React from 'react';
import ReactIframeResizer from 'react-iframe-resizer-super';

export default class WidgetFrame extends React.Component {

constructor(props) {
    super(props);
}

render() {
    return (
    <ReactIframeResizer src={this.props.url} iframeResizerEnable ={true}  />
    )
}

}

However, the iframe that is being rendered doesn't resize. My guess is, the content loads after the iframeresizer frame has been constructed which causes it to render at a fixed height.
If this is the reason, what is the remedy for it? If no, suggestions are welcome as well.

Also, I'm being bombarded with the following errors and warnings. Though it doesn't hurt the functionality, but it surely spoils the presentation aspect of the component.

I'll be glad if someone could post a solution for this as well :)

[Leocardoso94]

I have the same problem

[pietervanneste]

Same problem here...

[marzelin]

For the resizer to work iframeResizer.contentWindow.min.js needs to be injected into the page inside iframe. If both pages share the same origin this component is able to inject the script but when the origins are different you have to make sure that the hosted site will have the script injected somehow.

[VOsipenkov]

same problem