A retry sets both isLoading and isError at once

A fast retry, and suddenly the spinner and the error message are both on screen at the same time.

Beginner to intermediateRead 6 minDoing: an hour6 steps

▶ Start

What you'll have at the end

A status type with one value instead of three booleans, so the invalid combination can't be constructed

Before you start

You need

A data-fetching component or hook whose loading and error UI is driven by separate boolean fields, such as isLoading and isError, updated by hand around a fetch call.

Not covered

Building a full state machine library into a flow whose transitions need their own guards, side effects, or several regions active at once.

Leans on

6 steps

Where to go next

Model a checkout wizard as an explicit state machine

for a flow whose transitions need guards, side effects, or several active regions together, where a single status field runs out of room

Checked 22 Aug 2026

Part of the Frontend State Management Beyond Redux cookbook