render server errors

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: [
       {

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({
+    const res = await sendLoginname({
       loginName: values.loginName,
       organization,
       authRequestId,
-      });
-    } catch (error: unknown) {
-      if (error instanceof Error) {
+    }).catch((error: Error) => {
       setError(error.message ?? "An internal error occurred");
-      }
-    }
+    });
 
     setLoading(false);