title: Can't Stringify the Object that Contains DOM Elements on it
body: <p>I'm trying to build an object that has an key on it and its value is html content from the dom. (I will try to send this in Back latter). But I can't do that for some reasons.</p>
  <p>Here is how I build it.</p>
  <pre class="lang-js prettyprint-override"><code>const handlePrintOrder = () =&gt; {
      const html = document.getElementById('invoice'); // this takes the elements
      const body = {content: html}; // here I build the object
      console.log(JSON.stringify(body)) // this gives an error
    };
  </code></pre>
  <p>And here is the error:</p>
  <pre class="lang-sh prettyprint-override"><code>Uncaught TypeError: Converting circular structure to JSON
      --&gt; starting at object with constructor 'HTMLElement'
      |     property '__reactFiber$8di0naxlmzf' -&gt; object with constructor 'FiberNode'
      --- property 'stateNode' closes the circle
  </code></pre>
  <p>I don't know if you need this but here is my dom (simpliefied, but is dynamic):</p>
  <pre><code>&lt;section id='invoice'&gt;
        &lt;div class='box'&gt;
          &lt;hr class='linebreak' /&gt;
          &lt;div class='box_wrappers'&gt;
            &lt;div style={{ marginRight: '8em' }}&gt;
              &lt;div class='information-wrapper'&gt;
                &lt;p class='information-item-title'&gt;MARKE:&lt;/p&gt;
                {/* &lt;p class='infromation-item-item'&gt;${order.vehicle.brand}&lt;/p&gt; */}
              &lt;/div&gt;
              &lt;div class='information-wrapper'&gt;
                &lt;p class='information-item-title'&gt;MODELL:&lt;/p&gt;
                {/* &lt;p class='infromation-item-item'&gt;${order.vehicle.model}&lt;/p&gt; */}
              &lt;/div&gt;
  
              &lt;div class='information-wrapper'&gt;
                &lt;p class='information-item-title'&gt;TERMIN:&lt;/p&gt;
                {/* &lt;p class='infromation-item-item'&gt;${order.appointment}&lt;/p&gt; */}
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/section&gt;
  </code></pre>