Skip to main content
Version: 4.xx.xx

useSetLocale

If you need to change the locale at runtime, Refine provides the useSetLocale hook, It returns the changeLocale method from i18nProvider under the hood.

Usage

This hook can only be used if i18nProvider is provided.

You can use the features of your own i18n library to change the locale in your own components.

import { useSetLocale } from "@refinedev/core";

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

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