title: i18n translation make a variable in bold
body: <p>i am trying to make a variable in that is in the middle of the translation string in  but i could not found a solution.
  I need all my translations in 2 different languages: 'en' and 'de'</p>
  <p><strong>My code looks like this:</strong></p>
  <p><code>import { useTranslation } from 'react-i18next'</code></p>
  <p><code>const { t } = useTranslation('payment');</code></p>
  <p><code>const companyName = 'Probando'</code></p>
  <p><code>&lt;Typography&gt;{ t('setup with company name', &lt;b&gt;{companyName: companyName}&lt;/b&gt;)&lt;/Typography&gt;</code></p>
  <p><strong>My translation file:</strong></p>
  <p>payment en.json
  <code>{ &quot;setup with company name&quot;: &quot;Please contact {{ companyName }} to re-edit or re-send this invitation.&quot;, }</code></p>
  <p>payment de.json:
  <code>{ &quot;setup with company name&quot;: &quot;Bitte wenden Sie sich an {{ companyName }} um diese Einladung nochmal zu bearbeiten oder neu zu erhalten.&quot; }</code></p>