Is there a way to modify a value when its changed after rendering without useEffect

Solution 1:

Since formatCurrency probably just formats the numerical value into a string, you could just run it on every render and treat it like any ordinary variable you'd use during rendering, i.e.:

const MyComponent = ({myValue}) => {
    const outputVal = formatCurrency(myValue);
    return <p>{outputVal}</p>
};