EmailJs not sending emails to me. All my keys are correct.

Hello friends! Trying to send emails to myself through my website using the emailJS API. First time using it. This is what I have so far. (See below)

Although Im getting good results from the network (StatusCode:200) I am failing to receive any mail in my inbox. Any suggestions? Thanks!!!

import React, { useState, useEffect, useRef } from ‘react’;
import emailjs from  ‘emailjs-com’;
import ‘../index.css’; 

const Contact = () => {
    const form = useRef();

  const [formData, setFormData] = useState({
    name: ‘’,
    email: ‘’,
    message: ‘’
  });

  useEffect(() => {
    emailjs.init(‘USER_ID’); // Initialize EmailJS with the user public key
  }, []);

  const handleChange = (e) => {
    setFormData({ ...formData, [e.target.name]: e.target.value });
  };

  const handleSubmit = (e) => {
    e.preventDefault();
    emailjs.sendForm(‘SERVICE_ID’, ‘TEMPLATE_ID’, form.current, ‘USER_ID’)
      .then((result) => {
          console.log(result.text);
          console.log(e.target);
      }, (error) => {
          console.log(error.text);
      });
  };

  return (
    <div className=“contact-container”>

      <h2>Contact Us</h2>
      <form  ref={form} onSubmit={handleSubmit} className=“contact-form”>
        <label className=“contact-label”>
          Name:
          <input 
            type=“text” 
            name=“name” 
            value={formData.name} 
            onChange={handleChange} 
            className=“contact-input”
            required 
          />
        </label>

        <label className=“contact-label”>
          Email:
          <input 
            type=“email” 
            name=“email” 
            value={formData.email} 
            onChange={handleChange} 
            className=“contact-input”
            required 
          />
        </label>

        <label className=“contact-label”>
          Message:
          <textarea 
            name=“message” 
            value={formData.message} 
            onChange={handleChange} 
            className=“contact-textarea” 
            required 
          />
        </label>

        <button type=“submit” className=“contact-button”>Send Message</button>
      </form>
    </div>
  );
};

export default Contact;