t
function and i18n
instance inside your functional component.t
function to translate your content, you can also get the i18n instance (in order to change the language).useTranslation
hook will trigger a Suspense if not ready (eg. pending load of translation files). You can set useSuspense
to false if prefer not using Suspense.useTranslation
hook inside your functional components to access the translation function or i18n instance.available in react-i18next version >= 11.12.0depends on i18next version >= 20.6.0
keyPrefix
option if you want to use keys with prefixed namespace notation:ready === false
. Not doing so will result in rendering your translations before they loaded which will cause save missing be called although translations exists (just yet not loaded).