useGetLocale

If you need to know the current locale, refine provides the useGetLocale hook. It returns the getLocale method from i18nProvider under the hood.

Usage

You can get the locale value from the i18nProvider that you provided.
For example, <LanguageSwitcher> component needs to know the current locale in order to disable the button for the current language.

import { useTranslate, useGetLocale, useSetLocale } from "@refinedev/core";

export const LanguageSwitcher = () => {
    const changeLanguage = useSetLocale();

    const locale = useGetLocale();
    const currentLocale = locale();

    return (
        <div>
            <span>Languages</span>
            <button
                disabled={currentLocale === "en"}
                onClick={() => changeLanguage("en")}
            >
                English
            </button>
            <button
                disabled={currentLocale === "es"}
                onClick={() => changeLanguage("es")}
            >
                Spanish
            </button>
        </div>
    );
};

caution

This hook can only be used if i18nProvider is provided.