Con este código en el montaje del componente, hay un error en el que priceToDisplay se establece primero como indefinido y no cambiará de estado hasta que alguna parte del componente no se vuelva a representar. Si elimino esa const de la matriz de dependencias en useEffect, se establecerá el valor correcto.
const [isOnDiscount, setIsOnDiscount] = useState( parseInt(product_data.discount_price && product_data.discount_price) !== 0 ); const [priceToDisplay, setPriceToDisplay] = useState( isOnDiscount ? product_data.discount_price : product_data.price_of_product ); useEffect(() => { const isOnDiscountEffect = parseInt(product_data.discount_price) !== 0; const priceToDisplayEffect = 0; console.log(priceToDisplay); if (isOnDiscountEffect) { setPriceToDisplay(product_data.discount_price); } else if (doesVariationAffectPrice()) { // price of variation } else { setPriceToDisplay(product_data.price_of_product); } }, [priceToDisplay]);Es difícil saberlo sin conocer todo el componente, pero supongo que está tratando de hacer algo como esto:
export const Simple = ({product_data}) => { const [priceToDisplay, setPriceToDisplay] = useState(null); const isOnDiscount = parseInt(product_data.discount_price) !== 0; useEffect(() => { if (isOnDiscount) { setPriceToDisplay(product_data.discount_price); } else if (doesVariationAffectPrice()) { // price of variation } else { setPriceToDisplay(product_data.price_of_product); } }, [isOnDiscount]); return <div> {priceToDisplay} </div> }; no necesita una variable de estado para isOnDiscount para eso.