How to preserve value in form when an action got validation errors?

[armandabric]

Hey there!

I'm struggling to use next-safe-action with a form that could be rejected with validation errors.

When the form is submit Next 15 (or React 19?) reset it, and I could not find a way to prevent it to became empty. After a submition that trigger validation errors, the action.result entry is only filled with the validationErrors. It seems there is no way to send back the data back like advised now with the react useActionState.

I have created a demo to illustrate my problem: https://codesandbox.io/p/devbox/rv6f4c

Is someone have an idea on how to do?

[SwiichyCode]

Did you find a solution ?

[armandabric]

As workaround, I remove the action and use onSubmit on the form:

      onSubmit={(event) => {
        event.preventDefault();

        myAction.execute(new FormData(event.currentTarget));
      }}

Its not a "good solution" as it bypass all the React 19 stuff but it works