Неправильное использование функции id в React
Неправильно генерировать id прямо
в атрибуте, вот так:
const res = prods.map(function(prod) {
return <p key={id()}>
<span>{prod.name}</span>
<span>{prod.cost}</span>
</p>;
});
Причины этого будут вам понятны в следующих уроках. Пока просто имейте ввиду, что так делать неправильно и никогда так не делайте.