title: React project is not displaying text as I intend
body: <p>I am using Material UI TextInput component with a placeholder prop that passes the text <strong>&quot;Contraseña&quot;</strong>; The letter <strong>ñ</strong> in the word is not rendering as intended, but as <strong>\fx1</strong>. The HTLM header have meta UTF-8 and I am using <strong>parcel 2.0.0-rc.0</strong> as my bundler</p>
  <p><a href="https://i.stack.imgur.com/KgR2l.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KgR2l.png" alt="enter image description here" /></a></p>
  <p><strong>index.html</strong></p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
    &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
      &lt;meta name=&quot;theme-color&quot; content=&quot;#000000&quot; /&gt;
      &lt;meta
        name=&quot;APP&quot;
        content=&quot;web site created using react&quot;
      /&gt;
      &lt;script src=&quot;~/src/index.js&quot; type=&quot;module&quot;&gt;&lt;/script&gt;
      &lt;title&gt;App&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id=&quot;root&quot;&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p><strong>index.js</strong></p>
  <pre><code>import React, { StrictMode } from &quot;react&quot;;
  import ReactDOM from &quot;react-dom&quot;;
  import TextField from &quot;@material-ui/core/TextField&quot;;
  
  const rootElement = document.getElementById(&quot;root&quot;);
  
  ReactDOM.render(
    &lt;StrictMode&gt;
      &lt;TextField color=&quot;secondary&quot; margin=&quot;none&quot; placeholder=&quot;Contraseña&quot; /&gt;
    &lt;/StrictMode&gt;,
    rootElement
  );
  </code></pre>