<form.Subscribe selector={(s) => [s.canSubmit, s.isSubmitting]}>
{([canSubmit, isSubmitting]) => (
<div style={{ display: 'flex', gap: 8 }}>
<button
type="button"
onClick={() => {
form.reset();
requestAnimationFrame(() => titleRef.current?.focus());
}}
>
Reset
</button>
<button type="submit" disabled={!canSubmit}>
{isSubmitting ? 'Saving...' : 'Submit'}
</button>
</div>
)}
</form.Subscribe>
<form.Subscribe selector={(s) => [s.canSubmit, s.isSubmitting]}>
{([canSubmit, isSubmitting]) => (
<div style={{ display: 'flex', gap: 8 }}>
<button
type="button"
onClick={() => {
form.reset();
requestAnimationFrame(() => titleRef.current?.focus());
}}
>
Reset
</button>
<button type="submit" disabled={!canSubmit}>
{isSubmitting ? 'Saving...' : 'Submit'}
</button>
</div>
)}
</form.Subscribe>