Is there an existing issue for this?
Description Overview
Even though checkKeyMustBeforeSpread works correctly when we use it on statically defined elements, the error is missed for dynamically generated items.
// No Error, Incorrect behavior
<div>
{data.map(x => <div {...spread} key={x.id}/>)}
</div>
// Error detected, Expected behavior
<div>
<div {...spread} key={1} />
<div {...spread} key={2} />
<div {...spread} key={3} />
</div>
Expected Behavior
react/jsx-key should report an error when the checkKeyMustBeforeSpread option is enabled and the array of elements is generated dynamically.
eslint-plugin-react version
v7.33.2
eslint version
v8.54.0
node version
v20.10.0
Is there an existing issue for this?
Description Overview
Even though
checkKeyMustBeforeSpreadworks correctly when we use it on statically defined elements, the error is missed for dynamically generated items.Expected Behavior
react/jsx-keyshould report an error when thecheckKeyMustBeforeSpreadoption is enabled and the array of elements is generated dynamically.eslint-plugin-react version
v7.33.2
eslint version
v8.54.0
node version
v20.10.0