Bug: Stores Does Not Automatically Update

[ChekeGT]

• Before posting an issue, read the FAQ and search the previous issues.

Description

The error store does not automatically update when an error changes.

A form can only be submitted if all fields are error-free. However, in this library, the error state does not update to reflect new errors if we trigger a new one immediately.

Only happens when use:enhance is turned on

Steps to Reproduce

1. Submit the form with an invalid field to trigger an error.
2. Resolve the initial error.
3. Trigger, at the same time a new error on the form.

Expected Behavior

The error store should update automatically to reflect the new errors.

Actual Behavior

The new error is not reflected in the UI, leading to inconsistencies.

This produces some weird side effects, like not reacting to errors when submitting the form for a second time

Workaround

A hacky workaround involves manually updating the error store using the onUpdate option:

const { form, errors, message, enhance } = superForm(data.form, {
	applyAction: true,
	// Hacky way to FIX this
	onUpdate: ({ form }) => {
		$errors = form.errors;
	},
});

If applicable, a MRE
Use this template project to create a minimal reproducible example that you can link to here: link to open in a new tab)

[ciscoheat]

I've got other reports for this, so will take a look at it now

[ciscoheat]

Something breaks in the latest version of SvelteKit.

Workaround: If you use "@sveltejs/kit": "2.11.1" in package.json it works again.

[ciscoheat]

Seems to be some problem with applyAction, it does not trigger a page update after the first request.

[ciscoheat]

This line doesn't trigger the page update anymore, which in turn prevents the update code to run.

[ciscoheat]

Possibly related to https://svelte.dev/docs/kit/$app-state

[ciscoheat]

Reported on SvelteKit here: sveltejs/kit#13200

[ChekeGT]

Thanks for the quick response man!
hopefullt they get this fixed on the sveltekit repo

[niemyjski]

Thanks for logging this! Could forms not being reset also be related to this? I was going to log an issue but I'm not wondering if this is related. Basically $formData is not being reset when I call form.reset() (using shadcn <AlertDialog.Root bind:open onOpenChange={() => form.reset()}>).

[kodaicoder]

Is this bug need Svelte team to be updated ?
I just got this bug too after successful submit a from once and submit it again with invalid data $errors store not updated.
btw with @ChekeGT workaround will prevent this bug for now.

[knd775]

Is this bug need Svelte team to be updated ?

I just got this bug too after successful submit a from once and submit it again with invalid data $errors store not updated.

btw with @ChekeGT workaround will prevent this bug for now.

Yes, we're waiting for a sveltekit PR to be merged. In the meantime, you can use this:
npm add https://pkg.pr.new/sveltejs/kit/@sveltejs/kit@13205

[ciscoheat]

The PR progress can be tracked here: sveltejs/kit#13205