I hope you are doing great, I am using Emailjs in React to get Emails. I configure Emailjs and it is properly sending test Emails but when I am trying to send from my project so it's not sending and even it is also not showing any error

Here is the template of the Email

Here is the ID and token which I hide but I am just showing this image to explain clearly

(1) Here i import emailjs

import emailjs from '@emailjs/browser';

(2) Here is the function that will send the email, (Here in the fourth parameter I am just showing 5 characters as I hide in the above image )

function sendEmail(e) {
    e.preventDefault();
    emailjs.send('gmail', 'zaryabkhan864', e.target, 'G5CpT9*******')
        .then((result) => {
            console.log(result.text);
        }, (error) => {
            console.log(error.text);
        });
    e.target.reset()
}

(3) Here is the Form code

<form onSubmit={sendEmail}>
<div className="mb-3">
<label htmlFor="name" className="form-label">Your Name</label>
<input type="text" className="form-control" id="name" placeholder="Muhammad Zaryab Khan" name="name" />
</div>
<div className="mb-3">
<label htmlFor="email" className="form-label">Email address</label>
<input type="email" className="form-control" id="exampleFormControlInput1" placeholder="name@example.com" name="email" />
</div>
<div className="mb-3">
<label htmlFor="exampleFormControlTextarea1" className="form-label">Your Message</label>
<textarea className="form-control" id="Message" rows="5" name="message"></textarea>
</div>
<button type="submit" className="btn-theme">Send Message <i className="fa fa-paper-plane ms-2"></i></button>
</form>

Now I am receiving this error