Initial value

const arr = {
    key1:value1,
    key2:value2,
    key3:value3
}

Output value

const arr = {
    test1:test1,
    anything2:2,
    random3:3
}

<input
    type="text"
    placeholder="name"
    name="userName"
    onChange={(e) => setUser({ ...user, [e.target.name]: e.target.value 
    })}
/>

This is the sample UI

I'm trying to use this approach but still no luck