hooks.ts

import { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
import i18next from 'i18next';

export const useLanguage = (): string => {
  const { i18n } = useTranslation();
  const [language, setLanguage] = useState<string>(
    i18next.language
  );

  useEffect(() => {
    setLanguage(i18n.language);
    i18n.on('languageChanged', setLanguage);
    return () => i18n.off('languageChanged', setLanguage);
  });
  return language;
};