Неправильное использование функции id в React

Неправильно генерировать id прямо в атрибуте, вот так:

const res = prods.map(function(prod) { return <p key={id()}> <span>{prod.name}</span> <span>{prod.cost}</span> </p>; });

Причины этого будут вам понятны в следующих уроках. Пока просто имейте ввиду, что так делать неправильно и никогда так не делайте.