Skip to main content
Version: 3.xx.xx


If you need to translate the texts in your own components, refine provides the useTranslate hook, It returns the translate method from i18nProvider under the hood.


You can use the features of your own i18n library for translation in your own components.

import { useTranslate } from "@pankod/refine-core";

export const MyComponent = () => {
const translate = useTranslate();

return <button>{translate("my.translate.text")}</button>;

This hook can only be used if i18nProvider is provided.