title: How to fix this violation of this 'react/no-unescaped-entitie' of eslint rule?
body: <p>This is my code:</p>
  
  <pre><code>const func = () =&gt; {
    return (
      &lt;div &gt;
         you're free
        &lt;/div&gt;
    )}
  </code></pre>
  
  <p>Somehow eslint flags the line "you're free" with error <code>error  HTML entities must be escaped  react/no-unescaped-entities</code></p>
  
  <p>However from what I can see jsx has escaped the apostrophes already. I can see the words <code>you're free</code> is rendered without issue. If I escape it as <code>&amp;#39;</code>, then it will be very hard for me to search for the string (I would expect a search of <code>you're free</code> in an editor to return a hit. But obviously the editor will miss because the text is actually <code>you&amp;#39;re free</code>)</p>
  
  <p>So what is the best way to address this eslint exception?</p>