OUT-2302: possible fix for triage issue (SyntaxError: ...

src/app/api/client/route.ts

@@ -11,7 +11,7 @@ export async function GET(request: NextRequest) {
     return errorHandler('Missing token', 422)
   }
   if (!clientId) {
-    errorHandler('Missing client Id', 422)
+    return errorHandler('Missing client Id', 422)
   }
   const copilotClient = new CopilotAPI(z.string().parse(token))
   try {

src/app/client-preview/page.tsx

@@ -16,36 +16,54 @@ import { prepareCustomLabel } from '@/utils/customLabels'
 export const revalidate = 0
 
 async function getSettings(token: string) {
-  const { data } = await fetch(`${apiUrl}/api/settings?token=${token}`).then(
-    (res) => res.json(),
-  )
-  return data
+  try {
+    const { data } = await fetch(`${apiUrl}/api/settings?token=${token}`).then(
+      (res) => res.json(),
+    )
+    return data
+  } catch (error: unknown) {
+    console.error({ error })
+    throw error
+  }
 }
 
 async function getClient(clientId: string, token: string): Promise<IClient> {
-  const res = await fetch(
-    `${apiUrl}/api/client?clientId=${clientId}&token=${token}`,
-  )
-  if (!res.ok) {
-    throw new Error(`No client found with '${token}' token`)
+  try {
+    const res = await fetch(
+      `${apiUrl}/api/client?clientId=${clientId}&token=${token}`,
+    )
+    if (!res.ok) {
+      throw new Error(`No client found with '${token}' token`)
+    }
+    const { data } = await res.json()
+    return data
+  } catch (error: unknown) {
+    console.error({ error })
+    throw error
   }
-  const { data } = await res.json()
-  return data
 }
 
 async function getCompany(companyId: string, token: string) {
-  const res = await fetch(
-    `${apiUrl}/api/companies?companyId=${companyId}&token=${token}`,
-  )
+  try {
+    const res = await fetch(
+      `${apiUrl}/api/companies?companyId=${companyId}&token=${token}`,
+    )
+    if (!res.ok) {
+      throw new Error(`No company found with '${token}' token`)
+    }
 
-  const { data } = await res.json()
-  return data
+    const { data } = await res.json()
+    return data
+  } catch (error: unknown) {
+    console.error({ error })
+    throw error
+  }
 }
 
 async function getCustomFields(token: string) {
   const copilotClient = new CopilotAPI(token)
   const customFieldsList = await copilotClient.getCustomFields()
-  return (customFieldsList.data || []) as ICustomField[]
+  return ((customFieldsList && customFieldsList.data) || []) as ICustomField[]
 }
 
 export default async function ClientPreviewPage({

src/components/tiptap/autofieldSelector/autofillMenuSuggestion.ts

@@ -12,8 +12,12 @@ async function getCustomFields(token: string) {
   const res = await fetch(`/api/autofill?token=${token}`, {
     next: { revalidate: 0 },
   })
-  const { autofillFields } = await res.json()
+  if (!res.ok) {
+    console.error(`No custom fields found with '${token}' token`)
+    return []
+  }
 
+  const { autofillFields } = await res.json()
   return autofillFields
 }