Interface TranslationProps<TComponentProps>

Props forwarded to every component declared in components. This makes it possible to pass data to the components without defining them inline during render (which creates a new component identity on every render, violating react/no-unstable-nested-components). Props are only forwarded to components - intrinsic HTML tags (eg {strong: 'strong'}) never receive them.

A map of component names to React components, used to render more complex content

A string representing the "context" of the resource key.

For an i18nKey of greeter.greet-entity, passing context: 'human' will look for a key of greeter.greet-entity_human in the locale resources. If not found, it will fall back to the base key (greeter.greet-entity).

The i18n resource key to translate

The t function to use, from the useTranslation hook

A map of values to interpolate into the translated string. The resources should use the double curly bracket annotation to use them, eg {{petName}}. Will be escaped by React, so no need to escape HTML.