Рендеринг iframe в React

У меня есть такой компонент:

export default class VideoArchiveContent extends React.Component {
  constructor() {
    super();
    this.state = {
      videos: []
    }
  } 
  componentDidMount() {
    this.VideosTracker = Tracker.autorun(() => {
      Meteor.subscribe('videos');
      const videos = Videos.find().fetch();
      this.setState({ videos })
    });
  };
  componentWillUnmount() {
    this.VideosTracker.stop();
  };
  renderVideos = () => {
    return this.state.videos.map((video) => {
      return <div key = {video._id}>{video.embed}</div>
    });
  };
  render() {
    return (
      <div>
        {this.renderVideos()}
      </div>
    )
  }
};

Я ожидаю, что iframe отобразится на экране. Отрисовывается строка iframe.

Если я помещу iframe в оператор return следующим образом:

return (
  <div>
    <iframe src = "https://player.vimeo.com/video/270962511" width = "500" height = "281" frameborder = "0" allowfullscreen></iframe>
  </div>
)

Iframe отображается должным образом.

Есть решение?