eslint-plugin-no-conditional-text-node

An ESLint 8 plugin to catch React text node conditionals that may lead to browser-translation-based errors, as outlined in this issue.

This plugin will error on the following cases:

// Case 1
<div>
  {condition && 'Welcome'}
  <span>Something</span>
</div>

// Case 2
<div>
  {condition && <span>Something</span>}
  Welcome
</div>

Usage

module.exports = {
  plugins: ['no-conditional-text-node'],
  rules: {
    'no-conditional-text-node/no-conditional-text-node': 'error'
  }
}