Discussion on: [Solved]Data is sending even if validation requirements are not valid, whats the best way to approach this?

import { useState, useEffect } from "react";
import axios from 'axios';

const useForm = (callback, validate) => {
  const [values, setValues] = useState({ email: '', name: '', subject: '', description: '' })
  const [errors, setErrors] = useState({});
  const [isSubmitting, setIsSubmitting] = useState(false);


  const handleChange = event => {
    const { name, value } = event.target;
    setValues({
      ...values,
      [name]: value
    });
  };


  const handleSubmit = (event) => {
    event.preventDefault();
    setErrors(validate(values)).then((errors) => {
    if(errors.length === 0){
       const {email,name,subject,description} = values;
       axios.post('http://localhost:8080/sendme', {

            email,
            name,
            subject,
            text: description
        }).then((res) => {
        console.log('Display your success here!');
        setIsSubmitting(false);
        }).catch((e) => {
        console.log('Display your error here!');
        setIsSubmitting(false);
        });
        };
    });
  };

  useEffect(() => {
    if (Object.keys(errors).length === 0 && isSubmitting) {
      callback();
    }
  }, [callback,isSubmitting,errors]);

  return {
    handleChange,
    handleSubmit,
    values,
    errors
  };
};

export default useForm;