Реакция esLint error: отсутствует ключевая опора для элемента в массиве

Question

Это мой код

<RadioButtons
  type="test"
  field="test"
  optionInclude={['1', '2', '3']}
  optionOrder={['1', '2', '3']}
  updateValue={[
      { key: '1', value: 'test' },
      { key: '2', value: 'test2' },
      { key: '3', value: 'Other' }
  ]}
  icons={[
      <Icon variant="male" size={35} />,
      <Icon variant="female" size={35} />,
      <Icon variant="plus" size={35} />
  ]}
/>

При запуске EsLint я получаю эту ошибку:

70:33 error Missing "key" prop for element in array react/jsx-key 71:33 error Missing "key" prop for element in array react/jsx-key 72:33 error Missing "key" prop for element in array

Строка 70 - 72 - это массив Icons, так чтоэто то, к чему относится ошибка.

Типы PropType для компонента RadioButtons:

RadioButtons.propTypes = {
    ...
    icons: PropTypes.array,
};

Я думал, что эта ошибка была для вас, когда вы выполняете итерацию без ключевой опоры.