Custom implementation of useTranslation() from i18next

useTranslation-custom-implementation.ts

import Cookies from 'js-cookie';
import enTrans from '@public/locales/en';
import deTrans from '@public/locales/de';
import esTrans from '@public/locales/es';
import { DEFAULT_LOCALE } from 'src/global/constants';

const useCustomTranslation = () => {
  const translationsByLocale = {
    en: enTrans,
    de: deTrans,
    es: esTrans
  }

  const locale = Cookies.get('NEXT_LOCALE') || DEFAULT_LOCALE;

  const t = (key: string) => {
    const [namespace, index] = key.split(':');
    const trans = translationsByLocale[locale];
    return trans[namespace] && trans[namespace][index];
  }

  return { t };
}
export default useCustomTranslation;