react-mobx-i18next/src/store/I18nStore.ts

A tiny i18n utility for MobX + React (mobx-react-lite) that replaces react-mobx-i18n. Includes @translatable decorator, withTranslatable HOC, and useTranslatable hook.

import { observable } from 'mobx'
import type { i18n } from 'i18next'

/**
* MobX store for current language. Changing locale will call i18next.changeLanguage.
*/
export class I18nStore {
  @observable locale: string
  @observable private i18n: i18n

  constructor(i18n: i18n) {
    this.i18n = i18n
    this.locale = i18n.language || 'en'
  }

  setLocale = async (lang: string) => {
    if (this.locale === lang) return this.locale = lang
    await this.i18n.changeLanguage(lang)
  }
}