How to fix "React does not recognize the prop on a DOM element" error?

Question

React

Clicking on the ADD button gives the following error

Answer 1

This error can appear due to the fact that you are passing props directly from one component to another. For example, in your handleAdd function, when called on a child component, it refers to the props of the parent. React swears at such logic, since props belong to the internal state of each component and should not be mutated from the outside.
Try Destructuring