Проблемы с подключением проверки формы перехвата React с zod и Emailjs ⇐ Javascript

[Гость]

У меня возникли проблемы с подключением Email js к моей форме React Hook, есть различные проблемы, например, он не отправляется при нажатии, и я не могу найти способ использовать атрибут ref с , как указано в официальной документации.

Вот мой код

'использовать клиент' импортировать { useForm } из "реагировать-хука-формы"; импортировать { zodResolver } из "@hookform/resolvers/zod"; импортировать * как z из «zod»; импортировать {Кнопку} из "@/comComponents/ui/button"; импортировать {Form, FormControl, FormField, FormItem, FormLabel, FormMessage} из "@/comComponents/ui/form"; импортировать {Ввод} из "@/comComponents/ui/input"; импортировать { Textarea } из "@/comComponents/ui/textarea"; импортировать изображение из «next/image»; импортировать {useState} из «реагировать»; импортировать emailjs из @emailjs/browser; импортировать контакт из "@/assets/images/contact.png"; const UserValidation = z.object({ имя: z.string().min(3).max(50), электронная почта: z.string().email(), сообщение: z.string().min(10).max(500), }); Реквизит интерфейса { пользователь: { имя: строка; электронная почта: строка; сообщение: строка; }; } const Контакт = () => { const form = useForm({ преобразователь: zodResolver(UserValidation), }); const onSubmit = () => (данные: z.infer) => { emailjs.sendForm('__service_key', '__template__', JSON.stringify(data), '__API__') .then((результат) => { console.log(result.text); }, (ошибка) => { console.log(error.text); }); форма.сброс(); } возвращаться ( Свяжитесь с нам Мы были бы рады получить известия от вас ( Имя )} /> ( Электронная почта )} /> ( Сообщение )} /> Отправить ) } экспортировать контакт по умолчанию; В официальной документации об этом упоминается так:

import React, { useRef } из 'реагировать'; импортировать emailjs из @emailjs/browser; экспортировать const ContactUs = () => { константная форма = useRef(); const sendEmail = (e) => { е.preventDefault(); emailjs.sendForm('YOUR_SERVICE_ID', 'YOUR_TEMPLATE_ID', form.current, 'YOUR_PUBLIC_KEY') .then((результат) => { console.log(result.text); }, (ошибка) => { console.log(error.text); }); }; возвращаться ( Имя Электронная почта Сообщение ); }; вы также можете посетить мой github, чтобы увидеть весь код: https://github.com/dipesh2508/health-optima