Can you create a code sandbox to showcase your issue? I assume that the problem is coming from the way you modify formData, I used to get some similar problem when changing property of an object. Maybe try to move the initialState out of the component and console.log registered.name to see it has the data you need? For now, I don't have much info from your code so I'm not sure if you accidentally modified/re-assigned it incorrectly. Also, a suggestion for the Input component I think that you should keep key stable, key={props.id + errors.length} using this may cause your component to have some unnecessary re-rendering.