Nested object stored as state variable deleting newer values when older values are modified

Question

I have a react component which passes user input value to a props function. The parent function just appends those inputs to an object. However, when an older value is modif