Element ref was specified as a string (iframe) but no owner was set about react-iframe

[robbestad]

Hiya, couldn't really find any issues with this code, nor did I find any such problems when implementing it with create-react-app. Maybe it was an interim version of react-iframe that didn't work?

For reference:

Started a new create-react-app project, added react-iframe as a dependency and used this code

import React, { Component } from 'react';
import Iframe from "react-iframe";
import logo from './logo.svg';
import './App.css';

class DashboardView extends React.Component{
	render() {
		return(
			<div>
				<header className="App-header">
              		<h1 className="App-title">Welcome to my app</h1>
            	</header>
            	<p className="App-intro">
				<Iframe url="http://www.youtube.com/embed/xDMP3i36naA"
        width="450px"
        height="450px"
        id="myId"
        className="myClassname"
        display="initial"
        position="relative"
        allowFullScreen/>
      		</p>
      		</div>
		);
	}
}

class App extends Component {
  render() {
    return (
      <div className="App">
        <DashboardView />
      </div>
    );
  }
}

export default App;