no-untranslated-text

import APITable from '@site/src/components/APITable';

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:

mdx-code-block

<APITable>

Option	Type	Default	Description
`ignoredStrings`	`string[]`	`[]`	Text labels that only contain strings in this list will not be reported.

mdx-code-block

</APITable>

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.

no-untranslated-text

no-untranslated-text

Rule Details

Rule Configuration

When Not To Use It

Further Reading