I am trying to change the ingredients and measures for some recipes but I can't figure out how to.. My ingredient array from RecipeDetails looks like this:

{
ingredient1: 'Self-raising Flour', 
ingredient1Measure: '750g', 
ingredient2: 'Sugar', 
ingredient2Measure: '6 tablespoons', 
ingredient3: 'Eggs', …}

And the code looks like this

const RecipeDetails = ({
    id,
    ingredients,
    instructions,
  }) => {

    const SaveChanges= ({
        oldIngredient,
        oldMeasure,
        newIngredient,
        newMeasure,
      }) => {
        
        // CHANGE INGREDIENT AND MEASURE
      };

    return (
        <div></div>
      );
};

RecipeDetails.propTypes = {
  id: types.string.isRequired,
  ingredients: types.object.isRequired,
  instructions: types.string.isRequired,
};

export default RecipeDetails;