React не может распознать DOM свойство?

Question

[Rasul]

React does not recognize the `sortProperty` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `sortproperty` instead. If you accidentally passed it from a parent component, remove it from the DOM element.

Что я только не делал, чтобы убрать эту ошибку, я делал все по видео уроку, которое вышло 6 месяцев назад, но не думал, что этого достаточно,, чтобы в консоли выходила ошибка, в общем, это происходит когда я открываю список popup, все работает, но в консоли выходит ошибка.
Код: https://codepen.io/skytner/pen/MWXQavE, там вместо HTML И CSS, JS код.
Если что-то было непонятно, спрашивайте.

Answer 1

[HealSpirit]

У вас в тег li идет деструктуризация объекта sort, не все ключи которого являются валидными аттрибутами.

<li
{...sort}
>

Из валидного там только name. Его можно передать напрямую

<li
name={sort.name}
>

либо убрать все невалидные атрибуты

const {sortProperty, ...rest} = sort;

<li
{...rest}
>

Comments

[Rasul]

я передал напрямую name и все решилось, спасибо, оказывается я искал решение не в том месте, я пытался sortProperty написать нижним регистром, интересно, это только в реакте так или в самом фронтенде так, например в вью или ангуляр?

[HealSpirit]

Rasul, на счет vue и angular я не знаю, но sortProperty в нижнем регистре не помог бы. Тег li имеет строго фиксированный набор атрибутов (представьте что Li это реактовский компонент, а атрибуты - это пропсы).
Если бы использовали Typescript, то можно было бы посмотреть весь набор - LiHTMLAttributes