react/jsx-key Correctness

Enforce key prop for elements in array

React requires a key prop for elements in an array to help identify which items have changed, are added, or are removed.

Examples of incorrect code for this rule:

jsx

[1, 2, 3].map(x => <App />);
[1, 2, 3]?.map(x => <BabelEslintApp />);

Examples of correct code for this rule:

jsx

[1, 2, 3].map(x => <App key={x} />);
[1, 2, 3]?.map(x => <BabelEslintApp key={x} />);

How to use

To enable this rule in the CLI or using the config file, you can use:

CLIConfig (.oxlintrc.json)

bash

oxlint --deny react/jsx-key --react-plugin

json

{
  "plugins": ["react"],
  "rules": {
    "react/jsx-key": "error"
  }
}