Quiero mostrar una barra de progreso y sus porcentajes, pero solo mientras la barra esté completa a menos del 100 %.

Este es el código que estoy usando:

 return ( <> <h2>{currentAmount}%</h2> {currentAmount > maxOrderValue ? <Progress type="steps" steps={["completed"]} /> : <Progress type="line" slim label="hey" percent={currentAmount} />} <MinicartMaxValue /> </> );

currentAmount es el porcentaje (value/maxOrderValue), y lo estoy comparando con maxOrderValue , para determinar si pasó 100 o no.

Y así es como se ve:

Me gustaría deshacerme del porcentaje cuando supera el 100%.

Intenté hacer esto, pero no tuve éxito:

 return ( <> {currentAmount > maxOrderValue ? <Progress type="steps" steps={["completed"]} /> : <h2>{currentAmount}%</h2> && <Progress type="line" slim label="hey" percent={currentAmount} />} <MinicartMaxValue /> </> );

¿Qué estoy haciendo mal y cuál sería la forma correcta de obtener lo que necesito?