use:enhance resets form

[brucegl]

Hi there!

I have a form on a page that gets populated by a load Action calling an API. If I change the form and hit submit, my form Action calls another API to update the backend. The backend is successfully updated and the load Action runs again, however, the form then re-renders with the old form data. (I need to reload the page to get the latest data back into the form). If I remove use:enhance from the form element, the form re-renders with the latest data.

This issue is mentioned here however it's not clear if there's a SvelteKit fix or best practice work-around.

Just wondering if there's a shadcn-svelte approach that allows me to use some form of use:enhance?

Thanks and great work!
Gary

[brucegl]

I found my answer in the superforms documentation :-). I just needed to add the resetForm line below:

	const form = superForm(data, {
		validators: zodClient(formSchema),
		resetForm: false
	});