Netlify Forms: Custom success page ignored

Support
1

Hi,

My custom success is not working. Here’s my form in html. I’m using React: “dependencies”: { “react”: “^16.13.1”,
“react-dom”: “^16.13.1”,
“react-router-dom”: “^5.1.2”}

<form 
      name="contacto"

      netlify

      netlify-honeypot="bot-field"

      action="/contato/success"

      hidden

    >

      <p><input type="text" name="name" /></p>

      <p><input type="phone" name="phone" /></p>

      <p><input type="email" name="email" /></p>

      <p><textarea name="message"></textarea></p>

      <div name="recaptcha" data-netlify-recaptcha="true"></div>

    </form>

and in .js file with react:

                <input type="hidden" name="form-name" value="contact" />

                <FormGroup>

                  <Label>Nome:</Label>

                  <Input

                    type="text"

                    name="name"

                    bsSize="sm"

                    placeholder="Nome ou Empresa"

                  />

                </FormGroup>

                <FormGroup>

                  <Label>Telefone:</Label>

                  <Input

                    type="phonenumber"

                    name="phone"

                    bsSize="sm"

                    placeholder=""

                  />

                </FormGroup>

                <FormGroup>

                  <Label>Email:</Label>

                  <Input

                    type="email"

                    name="email"

                    bsSize="sm"

                    placeholder=""

                  />

                </FormGroup>

                <FormGroup>

                  <Label>Mensagem:</Label>

                  <Input

                    type="textarea"

                    name="message"

                    bsSize="sm"

                    id="exampleText"

                  />

                </FormGroup>

                <div name="recaptcha" data-netlify-recaptcha="true"></div>

                <Button color="success" type="submit">

                  Enviar

                </Button>

              </Form>

I already looked at other topics and netlify docs, but i couldn’t solve. help me please .
here’s the form in my site: Cortec Ferramentas

2

hi there,

we can’t troubleshoot your react, really. we’d need to see the html base of the form you are including, and what we would check would be the action attribute of the form tag to make sure it is pointing to custom success page: