jsx-key `Missing "key" prop for element in array` when there is no array/iteration

[alicerocheman]

Hello,

I just upgraded eslint-plugin-react from 7.28.0 to 7.29.0

The result is I now get a Missing "key" prop for element in array error on all my components, regardless of them having an array/map or anything that would require a key prop.

Before upgrade, the app worked fine, the key prop was already where it should be, on all arrays/lists.

Example of error:

  17:7  error  Missing "key" prop for element in array  react/jsx-key

=> no array on line 17 char 7, just calling a component.

[erikpukinskis]

I can confirm I'm seeing this with eslint-plugin-react@7.29.0 downgrading to 7.28.0 the error goes away.

[martinstark]

Same, does not look right. Several hundred errors. Some lines trigger this error multiple times.

[yoyo837]

Same here.

[DominicLi77]

I also encountered the same problem, it can be solved by downgrading the version

[shiftj18]

+1，expect it rollback to 7.28.0.

[awmleer]

Wondering why there is no release log about 7.29.0 on the releases page. 🤔

[kliehm]

I do use keys, but of course only for the outmost element. This new rule requires a key for every child element, too. I think this is an error. In the following example the rule throws an error that the div element doesn't have a key attribute. That's wrong.

{this.myArray.map((item) => (
  <li key={item.id}>
    <div>foo</div>
  </li>
)

[shrijan00003]

Wondering why there is no release log about 7.29.0 on the releases page. 🤔

True!,

[cojoclaudiu]

I confirm same issue, I'm using vite with React TypeScript