title: Any advice to use mobx with i18n (internationalization) in my React JS app
body: <p>in my Mobx + React JS application, I use the internationalization behavior.
  See the following example:</p>
  
  <pre><code>import React, { Component } from 'react'
  import {
    InjectedTranslateProps,
    translate
  } from 'react-i18next'
  
  import {
    IPropsBase,
    IStateBase
  } from './interfaces'
  
  class HomeClass extends Component&lt;IPropsBase &amp; InjectedTranslateProps, IStateBase&gt; {
    render () {
      const { t } = this.props
      return (
        &lt;div&gt;
          {t('common:WELCOME')}
          {t('common:DESCRIPTION')}
        &lt;/div&gt;
      )
    }
  }
  
  export const Home = translate()(HomeClass)
  </code></pre>
  
  <p>I want to know if you have any other way to do that ?
  Thanks in advance.</p>