title: Disqus comments throws error in a Gatsby site
body: <p>I am using a gatsby plugin gatsby-plugin-disqus(latest version) to add comments in my gatsby site. It worked previously but now it throws error and comments do not load. Seems like there's circular reference but I don't know what is causing it.</p>
  <pre><code>Uncaught TypeError: Converting circular structure to JSON
  --&gt; starting at object with constructor 'HTMLDivElement'
  |     property '__reactInternalInstance$ijgm46blrc' -&gt; object with constructor 'FiberNode'
  --- property 'stateNode' closes the circle
  at JSON.stringify (&lt;anonymous&gt;)
  at b.Channel.h.sendMessage (embed.js:44)
  at e.&lt;anonymous&gt; (embed.js:45)
  at e.&lt;anonymous&gt; (embed.js:44)
  at e.&lt;anonymous&gt; (embed.js:44)
  at m (embed.js:44)
  at e.trigger (embed.js:44)
  at e.&lt;anonymous&gt; (embed.js:44)
  at m (embed.js:44)
  at b.Channel.trigger (embed.js:44)
  at embed.js:44
  </code></pre>
  <p>My disqus config looks like:</p>
  <pre><code>const disqusConfig = {
    identifier: &quot;/my-post-title-slug/&quot;
    title: &quot;my post title&quot;
    url: &quot;https://somesite.com/blog/my-post-title-slug/&quot;
  }
  </code></pre>
  <p>And i render it like this:</p>
  <pre><code>import { Disqus } from 'gatsby-plugin-disqus';
  // ....
  &lt;Disqus config={disqusConfig} /&gt;
  </code></pre>
  <p>I am not sure what is causing this problem. I tried to use previous versions of the plugin but i get the same result.</p>
  <p>Please let me know what i am missing here. Thanks.</p>