Nested Text component recognized as raw text

[wpyeon]

eslint-oursky/src/configs/reactnative.mjs

Line 7 in 0267bdb

"react-native/no-raw-text": "error",

I have trouble passing the lint test due to error when I nest a Text component inside another Text component:

<View>
  ...
  <Text style={styles.footnoteText}>
    {'*Only receipt scanning is available in the app.\n'}
    {'For other document types, please '}
    <Text style={styles.contactUsHyperlink} onPress={openURL}>
      {'contact us'}
    </Text>
    {'.'}
  </Text>
  ...
</View>

Error message:

error  Raw text (*Only receipt scanning is available in the app.) cannot be used outside of a <Text> tag  react-native/no-raw-text

[louischan-oursky]

It is a bug of the underlying eslint-plugin-react-native. But it has not been updated for a while. I guess you can disable this rule on that line with // eslint-disable-next-line react-native/no-raw-text. For details, see Disabling rules. When I have time, I would drop eslint-plugin-react-native and adopt @react-native-community/eslint-config instead.