Formik form only validates after second button click? (Using React Hooks, TypeScript, Formik, NextJS)

Question

I just need a fresh pair of eyes to look at my code. So the problem is, my code does work and does validate the code data input into a form. However, it only does this after