jugo | JavaScript port of OpenFuego

Your way of implementation is a bit strict. What if you would want to change your filtering condition? or have multiple condition in your code?

If I were you, I would create a method which returns an array based on condition passed into it. the I iterate over that result. This is more straightforward and modular in regards of maintenance and extensibility.

I think the problem is here

To add a user it is better to use a default value just like other fields. Instead of these lines of code;

useEffect's second argument is an array of state/hooks to be watched and when they change, to run the effect. Since your breakfast is a const, I'm guessing you just want the original stateProduct to be breakfast. So instead of using [] as the default, use breakfast.