title: React mistakenly html escapes quotes in attribute names
body: <p>I have a Next.js / (SSR React) app. I am passing a property through props into a meta component. The tag that gets the string looks like this:  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> &lt;meta property="og:description" content={ `${description}` } /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The content being put in there looks like this: <code>"This is a quote" - Quotes"</code> from a javascript string. The result looks like this: <code>&amp;quot;This is a quote &amp;quot;</code>. What I am looking for is the string that's passed into the meta tag, not escaped double quotes. What is going on here and how can I fix i? </p>
  
  <p>PS: I tried using unicode chars, putting the description outside of a string literal, and something like <code>let q = String.chartocode(38)</code> then adding q in place of double quotes. All had the same result. </p>