Failing to send email for smtp server.

[mahfuz-ta26]

I am trying to implement mail sending mechanism in my react website using SMTP server. Every time I sent a mail It shows an error with 400 code and shows a message like this- "The template ID is invalid. To find this ID, visit" . I copy pasted all the variables from the website so I am unable to guess any potential mistake I made that could cause the issue . I am sharing my code and email template for you understandings.

`
const [name,setName] = useState('')
const [email,setEmail] = useState('')
const [message,setMessage] = useState('')

const handleMail = (e) =>{
    e.preventDefault()

    const serviceId = ''
    const templateId = 'template_k4s1a7f'
    const publicKey = ''

    const templateParams = {
        from_name : name,
        from_email: email,
        to_name: "my name",
        message: message
    }
    
    console.log(templateParams)

    emailjs.send(
            serviceId,
            templateId,
            templateParams,
            publicKey)
        .then((response) => {
            console.log("Email sent successfuly: ",response)
        })
        .catch((err) => {
            console.log(`Error sending email: `,err)
        })
}

`

`

Your name setName(e.target.value)} required />

Email setEmail(e.target.value)} required />

<div className="form-control">
    <label className="label">
        <span className="label-text">Your message</span>
    </label>
    <textarea 
        name="message"
        type="text" 
        placeholder="your message" 
        className="input min-h-28 input-bordered"
        onChange={(e) => setMessage(e.target.value)}
        required />
</div>
<div className="form-control mt-6">
    <button onClick={handleMail} type='submit' className="btn  bg-[#476D81] border-none text-gray-50">Message</button>
</div>

`

and template is:

Hello {{to_name}},

You got a new message from {{from_name}}:

{{message}}

Best wishes,
EmailJS team