Why react hooks setState doesn't work here, but other method does?

Question

My goal is to take multiple ingredient items and combine them into a single item (a recipe). Example of effect

I have a total number of meals array that looks like th