How should you handle a tri-state variable like isNewCrossCurrencyUI in React?

Imagine you have a traffic light with three colors: red, yellow, and green. You need to make sure that once it turns red, it never goes back to green directly. Similarly, in programming, you can have a variable that can be in three states, and you need to control how it changes between these states.