Formik Append Form To Url Nextjs13 App Router

[ogheneovo12]

Bug report

Current Behavior

On Initial Form Submission after page loads, the handleSubmit is not being called, rather the form enteries are appended to the url like this

http://localhost:3000/login?username=&password=

Expected behavior

Handle Submit is meant to be called rather a page refresh with the appended url

Reproducible example

Suggested solution(s)

Additional context

So i noticed the bug doesn't come up in the page router, of if the page router is combined with the app router, that might in pin pointing the origin of the bug

Your environment

Nextjs 13.4.10

Software	Version(s)
Formik	^2.4.2
React	18.2.0
TypeScript	5.1.6
Browser
npm/Yarn
Operating System

[ogheneovo12]

similar experience on this stackoverflow issue

https://stackoverflow.com/questions/74455145/formik-on-submit-not-called-with-nextjs13

[ThePlatinum]

I am having the same issue also, any fix?

[brerdem]

Same. Tried <Formik> and useFormik

[Cylop]

I have the same issue, anything new here?