Is there an existing issue for this?
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