title: HTML tags in i18next translation files in React
body: <p>I'm using <a href="http://i18next.com/" rel="noreferrer">i18next</a> in a project and can't get around including html tags in translation files and having them properly rendered.</p>
  
  <p>An example of my <code>.json</code> translation file:</p>
  
  <pre><code>"en": {
    "product": {
      "header": "Welcome, &lt;strong&gt;User!&lt;/strong&gt;"
    }
  }
  </code></pre>
  
  <p>There is an <a href="https://stackoverflow.com/questions/16038458/html-tags-in-i18next-translation">excellent answer to this question</a>, but relating to JQuery. I'm not using JQuery, my project is React and here is the setup that I have:</p>
  
  <pre><code>import i18next from 'i18next';
  import en from 'locales/en';
  
  i18next.
    init({
      lng: 'en',
      fallbackLng: false,
      resources: en,
      debug: false,
  
      interpolation: {
        escapeValue: false
      }
    });
  
  export default i18next.t.bind(i18next);
  </code></pre>
  
  <p>In component I have:</p>
  
  <pre><code>import t from 'i18n';
  
  t('product.header')
  </code></pre>
  
  <p>Html that I want:</p>
  
  <pre><code>Welcome, &lt;strong&gt;User!&lt;/strong&gt;
  </code></pre>
  
  <p>Html I'm getting:</p>
  
  <pre><code>Welcome, &amp;lt;strong&amp;gt;User!&amp;lt;/strong&amp;gt
  </code></pre>
  
  <p>Thanks</p>