Netlify Form not submitting to netlify


I have created a netlify form, and there don’t appear to be any problems in the build log, however when I submit the form, it does not create a submission to netlify.

I have pasted the full code of this form below:

import React, {useState} from 'react';
import Style from './style';
import SubmitButton from '../../submitButton';
import { Alert,Form } from 'react-bootstrap';
import useForm from "./useForm";
import validate from './LoginFormValidationRules';
import {navigate} from 'gatsby';

const CatalogDownloadForm = ({btn}) => {
    const {
      } = useForm(send, validate);
      // const [formData,setFormData] = useState({})
      function encode(data) {
        return Object.keys(data)
            .map(key => encodeURIComponent(key) + "=" + encodeURIComponent(data[key]))
      function send() {
        console.log('No errors, submit callback called!');
        fetch("/", {
          method: "POST",
          headers: { "Content-Type": "application/x-www-form-urlencoded" },
          body: encode({ "form-name": "catalog", ...values })
          .then(() => { 
            // alert("Success!")
            // navigate('/');
          .catch(error => setShowDanger(true));

    // const {imageUrl,imageAlt} = data
        return (
          <Alert show={showSuccess} variant="success">Thank you for your enquiry, we will reach out within 24 hours.</Alert>
          <Alert show={showDanger} variant="danger">There was an error in sending your message.  Please try again.</Alert>
            <Style >
                <div className="form-contact">
                    <Form name="catalog" method="post" data-netlify="true" data-netlify-honeypot="bot-field" noValidate  onSubmit={handleSubmit} className="contact-us">
                    <input type="hidden" name="form-name" value="catalog" />
                        <Form.Group controlId="formBasicName">
                          <Form.Label>Name *</Form.Label>
                          <Form.Control type="text" placeholder="Enter Your Name" name="name" className={`input ${ && 'is-danger'}`}  onChange={handleChange} value={ || ''} required />
                          { && (
                            <p className="help is-danger">{}</p>

                        {/* <Form.Control.Feedback type="invalid">
                            Please enter your Name.
                          </Form.Control.Feedback> */}
                        <Form.Group controlId="formBasicEmail">
                          <Form.Label>E-Mail *</Form.Label>
                          <Form.Control type="email" placeholder="Enter Your Mail" name="email" className={`input ${ && 'is-danger'}`} value={ || ''} onChange={handleChange} required />
                          { && (
                                <p className="help is-danger">{}</p>
                          {/* <Form.Control.Feedback type="invalid">
                            Please provide a valid Email.
                          </Form.Control.Feedback> */}
                        <Form.Group controlId="formBasicJob">
                          <Form.Label>Job Title *</Form.Label>
                          <Form.Control type="text" placeholder="Enter Your Job Title" name="job" className={`input ${errors.job && 'is-danger'}`}  onChange={handleChange} value={values.job || ''} required />
                          {errors.job && (
                            <p className="help is-danger">{errors.job}</p>
                        <Form.Group controlId="formBasicCompany">
                        <Form.Label>Company *</Form.Label>
                          <Form.Control type="text" placeholder="Enter Your Company Name" name="company" className={`input ${ && 'is-danger'}`}  onChange={handleChange} value={ || ''} required />
                          { && (
                            <p className="help is-danger">{}</p>
                        {/* <Form.Group controlId="formBasicProduct">
                            <Form.Control as="select" name="product" multiple className={`input ${errors.product && 'is-danger'}`}  onChange={handleChange} value={values.product || ''} required>
                        </Form.Group> */}
                        <div className="btn" >
                            <SubmitButton data={btn}></SubmitButton>

export default CatalogDownloadForm;

Hey there,
Sorry for the slow response here! I took a look at your form and created a test submission that I was able to confirm we received in our backend. Has this been resolved since you wrote in?