Why does React delete the last element instead of the element that I intend to delete????

Question

When I click the delete button on any of these components, it deletes the last component at that level instead of the actual element to be deleted. Can someone please have a look at the code and suggest changes?

Here is the codesandbox link
https://codesandbox.io/s/quirky-greider-p6g72

Here's the dev.to question link too on how to reproduce the problem
https://dev.to/swagwik/why-does-react-not-delete-the-required-component-but-deletes-the-last-sibling-2ob9

https://code.sololearn.com/W2a249a21A1A/#