Cleanup

Author: bzwrk

packages/connect-react/examples/nextjs/src/app/page.tsx

@@ -8,7 +8,8 @@ import {
 import { fetchToken } from "./actions";
 
 export default function Home() {
-  const userId = "demo-32aaf9cd-5df0-4ffe-86b5-db43a61a842c"; //gmail-new-email-received
+  // const userId = "demo-32aaf9cd-5df0-4ffe-86b5-db43a61a842c"; //gmail-new-email-received
+  const userId = "demo-937d4e64-100a-4e32-9dbb-a73c279e91b3"; // goole_sheets add new row
   const client = createFrontendClient({
     environment: "development",
     externalUserId: userId,
@@ -41,7 +42,7 @@ export default function Home() {
       <FrontendClientProvider client={client}>
         <ComponentFormContainer
           userId={userId}
-          componentKey="gmail-new-email-received"
+          componentKey="google_sheets-add-single-row"
           configuredProps={configuredProps}
           onUpdateDynamicProps={handleDynamicProps}
           onUpdateConfiguredProps={setConfiguredProps}
@@ -51,11 +52,11 @@ export default function Home() {
             try {
               const result = await client.runAction({
                 userId,
-                actionId: "gmail-new-email-received",
+                actionId: "google_sheets-add-single-row",
                 configuredProps,
                 dynamicPropsId,
               });
-              setSdkErrors(result?.os)
+              setSdkErrors(result)
             } catch (error) {
               setSdkErrors(error as unknown)
               console.error("Action run failed:", error);

packages/connect-react/src/hooks/form-context.tsx

@@ -439,7 +439,7 @@ export const FormContextProvider = <T extends ConfigurableProps>({
   };
 
   const handleSdkErrors = (o: unknown[] | unknown | undefined) => {
-    const newErrors = [
+    let newErrors = [
       ...sdkErrors,
     ]
     if (!o) return
@@ -496,17 +496,33 @@ export const FormContextProvider = <T extends ConfigurableProps>({
       // Handle HTTP errors thrown by the SDK
       try {
         const json = JSON.parse(o.message)
-        const obs = json.data?.observations || []
-        if (obs && obs.length > 0) {
-          newErrors.push(
-            ...obs?.filter((it) => it.k === "error")
-              .map(handleObservationErrors)
-              .filter((e) => e !== undefined),
-          )
+        const data = json.data
+        if (data && "observations" in data) {
+          const obs = data.observations || []
+          if (obs && obs.length > 0) {
+            newErrors.push(
+              ...obs?.filter((it) => it.k === "error")
+                .map(handleObservationErrors)
+                .filter((e) => e !== undefined),
+            )
+          }
+        } else if (data && "error" in data && "details" in data) {
+          newErrors.push({
+            name: data.error,
+            message: JSON.stringify(data.details),
+            //     message: ` // TODO: It would be nice to render the JSON in markdown
+            // \`\`\`json
+            // ${JSON.stringify(data.details)}
+            // \`\`\`
+            // `,
+            //   })
+          })
         }
       } catch (e) {
         // pass
       }
+    } else {
+      newErrors = []
     }
     setSdkErrors(newErrors)
   }