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