REACT add to an array inside a component

React Recipe App on codepen

I have a component set up to add a new recipe. Within that I want to add an ingredient and quantity. When I do this the whole thing re-renders and forgets that it is in “add mode”.

I am currently trying to change the state within the component rather than at top level.
The relevant lines of code are 578-589

Solved - I forgot to do the event.preventDefault(); in the function.