Почему не рекомендуется использовать индекс массива в качестве ключа (key) при рендеринге списка?

Индекс массива не привязан к конкретному элементу данных — он привязан к позиции. Когда элементы добавляются, удаляются или меняются местами, индексы сдвигаются, и React ошибочно сопоставляет старые DOM-узлы с новыми данными. Это приводит к багам с состоянием (инпуты сохраняют чужие значения), лишним ре-рендерам и нарушению анимаций.