En mi aplicación, quiero representar condicionalmente 2 información sobre herramientas diferentes de la biblioteca de recharts dependiendo de si Tooltip level.value != "A"

Como se ve a continuación, trato de lograr esto usando un operador ternario, como se muestra en este artículo https://flexiple.com/react/conditional-rendering-in-react/ . Sin embargo, ahora no aparece información sobre Tooltip si el nivel es A o no. Además, cuando console.log(level.value != "A") se está evaluando correctamente.

 return( <> //other code <div> {(level.value != "A") ? ( <Tooltip labelStyle={{ color: "black" }} /> ) : ( <Tooltip content = {<CustomTooltip/> } labelStyle={{ color: "black" }} /> ) } </div> </> );

Actualización: ¡Necesario !== en lugar de !=