title: How to embed Twitch Object in React component without calling New on every render?
body: <p>My component has a function for rendering our Twitch embed. I'm trying to understand how to re-use the created Twitch.Embed without call New each time the component is rendered.</p>
  <p>Here is the Twitch provided code to create the embed:</p>
  <pre><code>    &lt;div id=&quot;twitch-embed&quot;&gt;&lt;/div&gt;
  
      new Twitch.Embed(&quot;twitch-embed&quot;, {
          width: 854,
          height: 480,
          channel: &quot;monstercat&quot;,
          // Only needed if this page is going to be embedded on other websites
          parent: [&quot;embed.example.com&quot;, &quot;othersite.example.com&quot;]
        });
  </code></pre>