From 7126f86c337e7247aafc2c858940130ffd8621c9 Mon Sep 17 00:00:00 2001
From: peintnermax <max@caos.ch>
Date: Mon, 16 Sep 2024 14:03:39 +0200
Subject: [PATCH] render server errors

---
 apps/login/next.config.mjs         |  3 +++
 apps/login/src/ui/UsernameForm.tsx | 19 +++++++------------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/apps/login/next.config.mjs b/apps/login/next.config.mjs
index 94df2408a08..099d37e81d5 100755
--- a/apps/login/next.config.mjs
+++ b/apps/login/next.config.mjs
@@ -33,6 +33,9 @@ const secureHeaders = [
 const nextConfig = {
   reactStrictMode: true, // Recommended for the `pages` directory, default in `app`.
   swcMinify: true,
+  experimental: {
+    serverComponentsErrorOverride: true,
+  },
   images: {
     remotePatterns: [
       {
diff --git a/apps/login/src/ui/UsernameForm.tsx b/apps/login/src/ui/UsernameForm.tsx
index 0baac56768e..68beacf7e9a 100644
--- a/apps/login/src/ui/UsernameForm.tsx
+++ b/apps/login/src/ui/UsernameForm.tsx
@@ -46,18 +46,13 @@ export default function UsernameForm({
   async function submitLoginName(values: Inputs, organization?: string) {
     setLoading(true);
 
-    let res;
-    try {
-      res = await sendLoginname({
-        loginName: values.loginName,
-        organization,
-        authRequestId,
-      });
-    } catch (error: unknown) {
-      if (error instanceof Error) {
-        setError(error.message ?? "An internal error occurred");
-      }
-    }
+    const res = await sendLoginname({
+      loginName: values.loginName,
+      organization,
+      authRequestId,
+    }).catch((error: Error) => {
+      setError(error.message ?? "An internal error occurred");
+    });
 
     setLoading(false);