Home
Support Forums

Form No Longer Detected with React (inside Modal)

My form used to work. Yet now, it’s not being detected.
The form is inside a React modal.
I did some research and found this code

<!-- A little help for the Netlify post-processing bots -->
<form name="contact" netlify netlify-honeypot="bot-field" hidden>
  <input type="text" name="name" />
  <input type="email" name="email" />
  <textarea name="message"></textarea>
</form>

I created an empty HTML file, placed the code there, yet the form is still not detected.

Maybe that code needs to be inside index.html. Yet there is no index.html file. I have an index.tsx file:

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./app/App";
import * as serviceWorker from "./serviceWorker";

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById("root")
);

serviceWorker.register();

Please help. Thanks.

Hi @titani

It appears you are missing the hidden input. Have a look at the docs and this handy blog post that might help you too: How to Integrate Netlify’s Form Handling in a React App | Netlify