Fix some errors preventing building

Author: PaulAsjes

package-lock.json

@@ -14,7 +14,7 @@
   "dependencies": {
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/themes": "^3.0.1",
-    "@workos-inc/authkit-nextjs": "^0.11.0",
+    "@workos-inc/authkit-nextjs": "^0.11.1",
     "next": "^14.2.5",
     "react": "^18",
     "react-dom": "^18"

package.json

@@ -27,14 +27,14 @@ export default async function AccountPage() {
       {userFields && (
         <Flex direction="column" justify="center" gap="3" width="400px">
           {userFields.map(([label, value]) => (
-            <Flex asChild align="center" gap="6" key={value}>
+            <Flex asChild align="center" gap="6" key={String(value)}>
               <label>
                 <Text weight="bold" size="3" style={{ width: 100 }}>
                   {label}
                 </Text>
 
                 <Box flexGrow="1">
-                  <TextField.Root value={value || ""} readOnly />
+                  <TextField.Root value={String(value) || ""} readOnly />
                 </Box>
               </label>
             </Flex>

src/app/account/page.tsx

@@ -3,7 +3,11 @@ import { NextResponse } from "next/server";
 
 export const GET = async () => {
   // Use 'getSession' for edge functions that don't have access to headers
-  const { user } = await getSession();
+  const session = await getSession();
 
-  return NextResponse.json({ name: user.firstName });
+  if (!session || !session.user) {
+    return NextResponse.json({ error: "User not found" }, { status: 404 });
+  }
+
+  return NextResponse.json({ name: session.user.firstName });
 };