Components with two or more Clone fields will overwrite with the last field

Summary

When we create a component with two or more Clone type components, the data from the first components get overwritten with the data from the last component.

Example

For this example, we created a Content Box (1), which is a WYSIWYG, and a Write In component (2), which is essentially a text field with a text area:
(1)

(2)

Now, here is the component with two Clone fields:

Here is the Two Column Container component created in a new page with the two clone fields using the initially mentioned components:

And here is the same Two Column Container component after it is published/updated in the same page:

Note

This example uses only two Clone field components for simplicity, but the same happens if you have more than two Clone field components. There are other components in this project, but none of them share the same name as any of the components mentioned in the example section.

Reproduce the issue with a Two Column Container containing two or more Clone fields, then publish or update the page and compare the stored values with the displayed values. No source file or test is named, so trace Clone-field handling through the publish/update path and add coverage showing that each differently named Clone field retains its own data.