title: React i18Next variables in elements no longer work
body: <p>Since the update to React18 I have the problem with i18next that I can no longer write variables in labels or similar.</p>
  <p>The following code worked without problems in React17:</p>
  <pre class="lang-tsx prettyprint-override"><code>&lt;Field&gt;
   &lt;label className={&quot;p-error&quot;}&gt;{errors.username?.message}&lt;/label&gt;
  &lt;/Field&gt;
  </code></pre>
  <p>But since react18 I get the following error message:</p>
  <pre><code>TS2322: Type 'Merge&lt;FieldError, FieldErrorsImpl&lt;DeepRequired&lt;any&gt;&gt;&gt; | undefined' is not assignable to type 'ReactI18NextChild | Iterable&lt;ReactI18NextChild&gt;'.   Type 'Merge&lt;FieldError, FieldErrorsImpl&lt;DeepRequired&lt;any&gt;&gt;&gt;' is not assignable to type 'ReactI18NextChild | Iterable&lt;ReactI18NextChild&gt;'.     Type 'Merge&lt;FieldError, FieldErrorsImpl&lt;DeepRequired&lt;any&gt;&gt;&gt;' is missing the following properties from type 'ReactPortal': key, children, type, props
  </code></pre>
  <p>I have read that in the current version it should be possible to set the <code>allowObjectInHTMLChildren</code> option somewhere so that this error no longer happens, however I am not clear where I can set this option. I tried it in the init method of i18next, but there this option is not available.</p>