'use client'; import React, { useState, useRef } from 'react'; import { useForm } from 'react-hook-form'; import { zodResolver } from '@hookform/resolvers/zod'; import z from 'zod'; import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage, } from './ui/form'; import { Input } from './ui/input'; import links from '@/data/links'; import ReCaptcha from 'react-google-recaptcha'; const formSchema = z.object({}); export default function ContactForm() { const [captchaToken, setCaptchaToken] = useState(); const captchaRef = useRef(null); const onSubmit = async (data: z.infer) => { try { if (!captchaToken) { throw new Error('Please check the captcha'); } await sendContactForm({ ...data, captchaToken, }); captchaRef.current?.reset(); toast.success('Form submitted successfully!'); form.reset(); setCaptchaToken(undefined); } catch (error: Error | unknown) { if (error instanceof Error) { toast.error(error.message); } else { toast.error('Failed to submit the form. Please try again later.'); } } }; return (

); }

The EntelligoBlog

Guide to Implementing Google reCAPTCHA

Amit Pradhan

Developer at Entelligo

Modern JavaScript Best Practices

Sujeet Mishra

Director at Entelligo

How to Setup Signed Commit in Git

Amit Pradhan

Developer at Entelligo

The Entelligo
Blog