Does calling setter of useState hook inside if statement imply BREAKING RULES OF HOOKS?

Question

React docs state: don’t call Hooks inside loops, conditions, or nested functions.

Does calling a hook means just calling useState e.g. const [state, useState] = useState(0)?

What about calling setter in conditionals ?

Is this code breaking rules of hooks ?

const [oneHook, setOneHook] = useState(0)
const [anotherHook, setAnotherHook] = useState(false)

if (something) {
   setOneHook(1)
   setAnotherHook(true)
} else {
     setOneHook(0);
     setAnotherHook(false)
}

Thanks !

Answer 1

No, that code example does not break the rules of hooks. Every time the component renders there will be exactly the same number of calls to useState in exactly the same order, so that will be fine.

I do want to point out that setting state right away in the body of the component doesn't make much sense. When the component mounts it will start rendering with the initial values from state, but then before it can finish rendering the state has already changed and it has to start over. But presumably that's just an artifact of the example, and in your real code the if would be inside a useEffect or some other practical code location.