// /pages/api/glitchtip/exception.TS
import * as Sentry from '@sentry/nextjs'
import type { NextApiRequest, NextApiResponse } from 'next'
export default async function handler(req: NextApiRequest, res: NextApiResponse) {
 if (req.method === 'POST') {
 Sentry.captureException(new Error(JSON.stringify(req.body)))
 res.status(200).json({})
 }
 res.status(200).json({})
}
//UTILS.TS
export const addExceptionToLog = async (message: unknown) => {
 let body: { name: string; message: string; stack?: string } | undefined
 if (message instanceof Error) {
 body = {
 name: message.name,
 message: message.message,
 stack: message.stack,
 ...(message.cause ? { cause: message.cause } : {}), // Spread `cause` only if it exists
 }
 }
 if (typeof message === 'string') {
 body = {
 name: '',
 message,
 }
 }
 await fetch(`${process.env.NEXT_PUBLIC_SITE_URL}api/glitchtip/exception/`, {
 method: 'POST',
 headers: {
 'Content-Type': 'application/json',
 },
 body: JSON.stringify(body || message),
 }).catch(() => null)
}
//SOME CLIENT FILE
...
 const submitHandler = handleSubmit(async (data) => {
 try {
 setInternalStatus(Status.loading)
 const verifyResponseData = await verifyToken(data['cf-turnstile-response'])
 if (!verifyResponseData.success) {
 void addExceptionToLog(`Captcha verify failed ${JSON.stringify(verifyResponseData)}`)
 return void setInternalStatus(Status.failed)
 }
 onSubmit({ email: data.email, firstName: data.firstName })
 } catch (error) {
 void addExceptionToLog(`Contact form sending failed ${error}`)
 setInternalStatus(Status.failed)
 }
 })
 ...