title: i18next bold text in the middle of a translation
body: <p>I have a static file called translations.json which includes my translations:</p>
  <pre><code>{
    &quot;common&quot;: {
      &quot;greeting&quot;: &quot;We will see you at NEW YORK in the morning!&quot;
    }
  }
  </code></pre>
  <p>Within my react code, ive been use doing somethign along the lines of:</p>
  <pre><code>&lt;p&gt;{translate('common.greeting')}&lt;/p&gt;
  </code></pre>
  <p>However, I want the word &quot;NEW YORK&quot; to be bold. Ive been doing some research and I see the the <code>Trans</code> component might be what im looking for but im having no luck. Im about to just split the translation into 3 parts... <code>greetingIntro</code>, <code>grettingBold</code>, and <code>grettingEnd</code>...</p>
  <p>Can someone point me in the right direction?</p>