así que estoy haciendo como una aplicación de dieta en la que pones la comida, la cantidad, la cantidad de carbohidratos, proteínas y grasas y crea una lista. Y hay un cuadro donde hay tres barras de progreso redondeadas, el valor activo es el porcentaje de cada macronutriente y la barra vacía son las calorías. Y funciona bien, cuando agrego algo, el valor sube al 20 %, lo vuelvo a agregar, va al 32 %, si saco algo, responde bien. El problema es que tengamos 2 comidas, una con 20 g de carbohidratos y la otra con 0. Cuando agregué la primera, la barra llegó a, digamos, 30 %. Cuando agregué el otro, no pasó nada. Pero si elimino los 20 g de harina de carbohidratos, el valor de la barra no cambia en absoluto. Se queda así.

Cuando me quito el segundo plátano, la barra sigue igual.

tengo el porcentaje de carbohidratos

 const carbPercentage = ((carbSum * 4 * 100) / calorieSum).toFixed(1);

Y probé el operador ternario en el valor de la barra de progreso

 <CircularProgressbar value={Number(carbPercentage) === 0 ? 1 : Number(carbPercentage)} maxValue={totalCarbBar} text={carbPercentage + "%"} styles={buildStyles({ pathTransitionDuration: 1, pathColor: "#e5383b", textColor: "#242423", trailColor: "#333533", })} ></CircularProgressbar>

Lo implementé, así que puedes verlo aquí https://macro-trackerreact.web.app/ Y aquí está el repositorio git https://github.com/JosephKorel/macro-count