Calling useState Inside A Conditional Block

Because Hooks rely on being called in the same order on every render

Because conditions make Hooks asynchronous

Because React cannot store state inside conditional branches

Because JavaScript closures break inside conditional Hook calls