Formik form actions cannot be used on nextjs server actions

[erlanggaht]

Bug report

When using

from Formik, the server action does not execute, but it works when using a regular HTML form element

Problem Recording

bandicam.2024-07-07.15-03-34-968.mp4

Software	Version(s)
Formik	^2.4.6
React	^18
Browser	Mozilla, Chrome, IE
npm/Yarn	npm
Operating System	Window 11

[juliangorge]

Hi @erlanggaht , could you tell me if you resolved this and do you know how can send 1_$ACTION_REF_1, 1_$ACTION_1:0, 1_$ACTION_1:1, 1_$ACTION_KEY fields of NextJS Server action security layer with Formik?

[stefanedberg]

I'm having the same issue. Would be nice if this could be supported. Seems like it works by using <form> without the onSubmit event, but it ruins Formik behavior, so not really an alternative.

<form onReset={formikProps.handleReset} action={action} {...props} />

https://formik.org/docs/api/form

[fabriciob-ciandt]

Hi team is there some updates about that? We have the same issue.

[juliangorge]

Hi team is there some updates about that? We have the same issue.

nop from my side

[na-zi-ya]

I am using Formik in my Next.js application. When I click the submit button without filling out the form, another modal unexpectedly opens, while the current form shows validation messages. What could be causing this issue?