Form action breaking submissions in GatsbyJS

[Nuttifox]

Hello,
I am using Netlify forms in GatsbyJS and Netlify would see the form, but not register any submissions. I found out this was due to the action="/thanks" redirect. Upon removing this the forms now work.

I am sure using the action is fine, I have used this before on other Gatsby builds with Netlify forms and it works. Am I missing something or is there a better way to do a redirect after the form submission. I am trying to keep it clean and feel this should work.

Thanks

[jen]

Hey @Nuttifox,
We wrote a post about this exact thing!

[Support Guide] Netlify forms with custom success pages for Gatsby and Nuxt

Last reviewed: August 2023 It’s a common design pattern to route visitors to a new page when they successfully submit a form. But figuring out how to get that route working can be tricky. Do you need a _redirects file? (Spoiler alert: no.) Are your form attributes set up correctly to work with Netlify? When you’re deciding which routing functions to use, do you start at the framework (React, Vue) level, the static site generator (Gatsby, Nuxt) level, or somewhere else? This post links to examp…

This is how I’d recommend routing to your custom “thanks” page if possible:

Add form component with routing to custom success page

Let us know if that helps or if we can answer any other questions on this.