Open
Description
Is there an existing issue for this?
- I have searched the existing issues and my issue is unique
- My issue appears in the command-line and not only in the text editor
Description Overview
The react/jsx-key
rule fails to detect missing key
props when JSX elements are conditionally rendered using the logical operators within return statements.
Code example
const list = [1, 2, 3, 4, 5, 6];
function Item({ item }) {
return <p>{item}</p>;
}
function App() {
return (
<div>
{list.map((item) => {
return item < 4 && <Item item={item} />; // Missing key prop not detected
})}
</div>
);
}
export default App;
Expected Behavior
The rule should detect and report the missing key
prop error.
eslint-plugin-react version
v7.37.5
eslint version
v9.28.0
node version
v20.19.1