react/jsx-key Correctness

✅ This rule is turned on by default.

What it does

Enforce key prop for elements in array

Why is this bad?

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

Example

Examples of incorrect code for this rule:

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

Examples of correct code for this rule:

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

References

• Rule Source