How to embed Twitch Channel into React component without calling New on every render?

API
3

Barry, thank you! I might change over to the iframe. FYI in my TwitchEm component, I was trying something like this (abridged)

componentDidMount() {
this._isMounted = true;
this.initialize();
}

initialize() {
var w = this.twitchSize.width;
var h = this.twitchSize.height;
var chan = this.twitchChannel;
var par = this.twitchParents;

  this.twitchDiv = React.createElement('div', {id:"twitch-embed"});
  this.twitchEmbed = new Twitch.Embed("twitch-embed", {
      width: w, height: h, channel: chan, parent: par
    }); // from this I get react-dom.production.min.js?ca5d:198 MissingElementError: Could not find the provided element: twitch-embed

  if(!this.twitchEmbed) {
    console.log("Can't create Twitch embed")
    return;
  }

}

render() {
return (
<React.Fragment>
{this.twitchDiv}
</React.Fragment>
);
}

Is there a React example that works without creating a new embed object each render ?