useOptimistic + useActionState: React 19 Killed 50 Lines of My Boilerplate

Every form submission in React used to look like this:

const [data, setData] = useState(null)

const [loading, setLoading] = useState(false)

const [error, setError] = useState(null)

async function handleSubmit(e) {