Skip to main content
Version: 2.x

no-untranslated-text

Enforce text labels in JSX to be wrapped by translate calls.

When the i18n feature is used, this rule ensures that all labels appearing on the website are translatable, so no string accidentally slips through untranslated.

Rule Details​

Examples of incorrect code for this rule:

// Hello World is not translated
<Component>Hello World</Component>

Examples of correct code for this rule:

// Hello World is translated
<Component>
<Translate>Hello World</Translate>
</Component>

Rule Configuration​

Accepted fields:

OptionTypeDefaultDescription
ignoredStringsstring[][]Text labels that only contain strings in this list will not be reported.

When Not To Use It​

If you're not using the i18n feature, you can disable this rule. You can also disable this rule where the text is not supposed to be translated.

Further Reading​