Form in React Portal Not Showing in Netlify

Netlify site:

I created a form in src/components/modal.js. This is called via the src/Portal.js and the pages/index.js. The name of this form is ‘Contact Form 1’. This form does not show up in Netlify.

I copy pasted the exact same form in the /src/pages/about.js page. I change the name of the form to ‘Contact Page 2’. This form now DOES show up in Netlify.

Netlify doesn’t seem to be able to detect the form that is in the portal.

The Netlify bot parses HTML looking for standard HTML forms.

Since you’re using Gatsby it’s likely your form is being dynamically rendered via JavaScript on the client side.

See the details here for JavaScript rendered forms: