fix: show proper error messages on auth failure in Next.js frontend (#445)

JasrajChouhan · AmanVarshney01 · web-flow · commit 2ad89b72b579 · 2025-07-31T19:40:41.000+05:30
Co-authored-by: Aman Varshney &lt;amanvarshney.work@gmail.com&gt;
diff --git a/.changeset/hip-lands-fix.md b/.changeset/hip-lands-fix.md
@@ -0,0 +1,5 @@
+---
+"create-better-t-stack": patch
+---
+
+fix auth error handling in all react templates
diff --git a/apps/cli/templates/auth/web/react/next/src/components/sign-in-form.tsx b/apps/cli/templates/auth/web/react/next/src/components/sign-in-form.tsx
@@ -33,7 +33,7 @@ export default function SignInForm({
             toast.success("Sign in successful");
           },
           onError: (error) => {
-            toast.error(error.error.message);
+            toast.error(error.error.message || error.error.statusText);
           },
         },
       );
diff --git a/apps/cli/templates/auth/web/react/next/src/components/sign-up-form.tsx b/apps/cli/templates/auth/web/react/next/src/components/sign-up-form.tsx
@@ -35,7 +35,7 @@ export default function SignUpForm({
             toast.success("Sign up successful");
           },
           onError: (error) => {
-            toast.error(error.error.message);
+            toast.error(error.error.message || error.error.statusText);
           },
         },
       );
diff --git a/apps/cli/templates/auth/web/react/react-router/src/components/sign-in-form.tsx b/apps/cli/templates/auth/web/react/react-router/src/components/sign-in-form.tsx
@@ -33,7 +33,7 @@ export default function SignInForm({
             toast.success("Sign in successful");
           },
           onError: (error) => {
-            toast.error(error.error.message);
+            toast.error(error.error.message || error.error.statusText);
           },
         }
       );
diff --git a/apps/cli/templates/auth/web/react/react-router/src/components/sign-up-form.tsx b/apps/cli/templates/auth/web/react/react-router/src/components/sign-up-form.tsx
@@ -35,7 +35,7 @@ export default function SignUpForm({
             toast.success("Sign up successful");
           },
           onError: (error) => {
-            toast.error(error.error.message);
+            toast.error(error.error.message || error.error.statusText);
           },
         }
       );
diff --git a/apps/cli/templates/auth/web/react/tanstack-router/src/components/sign-in-form.tsx b/apps/cli/templates/auth/web/react/tanstack-router/src/components/sign-in-form.tsx
@@ -37,7 +37,7 @@ export default function SignInForm({
 						toast.success("Sign in successful");
 					},
 					onError: (error) => {
-						toast.error(error.error.message);
+						toast.error(error.error.message || error.error.statusText);
 					},
 				},
 			);
diff --git a/apps/cli/templates/auth/web/react/tanstack-router/src/components/sign-up-form.tsx b/apps/cli/templates/auth/web/react/tanstack-router/src/components/sign-up-form.tsx
@@ -39,7 +39,7 @@ export default function SignUpForm({
 						toast.success("Sign up successful");
 					},
 					onError: (error) => {
-						toast.error(error.error.message);
+						toast.error(error.error.message || error.error.statusText);
 					},
 				},
 			);
diff --git a/apps/cli/templates/auth/web/react/tanstack-start/src/components/sign-in-form.tsx b/apps/cli/templates/auth/web/react/tanstack-start/src/components/sign-in-form.tsx
@@ -37,7 +37,7 @@ export default function SignInForm({
 						toast.success("Sign in successful");
 					},
 					onError: (error) => {
-						toast.error(error.error.message);
+						toast.error(error.error.message || error.error.statusText);
 					},
 				},
 			);
diff --git a/apps/cli/templates/auth/web/react/tanstack-start/src/components/sign-up-form.tsx b/apps/cli/templates/auth/web/react/tanstack-start/src/components/sign-up-form.tsx
@@ -39,7 +39,7 @@ export default function SignUpForm({
 						toast.success("Sign up successful");
 					},
 					onError: (error) => {
-						toast.error(error.error.message);
+						toast.error(error.error.message || error.error.statusText);
 					},
 				},
 			);
diff --git a/bun.lock b/bun.lock
@@ -14,7 +14,7 @@
     },
     "apps/cli": {
       "name": "create-better-t-stack",
-      "version": "2.28.0",
+      "version": "2.28.3",
       "bin": {
         "create-better-t-stack": "dist/index.js",
       },

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"create-better-t-stack": patch
 +---
++
 +fix auth error handling in all react templates
Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ export default function SignInForm({`
`33`	`33`	`toast.success("Sign in successful");`
`34`	`34`	`},`
`35`	`35`	`onError: (error) => {`
`36`		`- toast.error(error.error.message);`
	`36`	`+ toast.error(error.error.message \|\| error.error.statusText);`
`37`	`37`	`},`
`38`	`38`	`}`
`39`	`39`	`);`
Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@ export default function SignUpForm({`
`35`	`35`	`toast.success("Sign up successful");`
`36`	`36`	`},`
`37`	`37`	`onError: (error) => {`
`38`		`- toast.error(error.error.message);`
	`38`	`+ toast.error(error.error.message \|\| error.error.statusText);`
`39`	`39`	`},`
`40`	`40`	`}`
`41`	`41`	`);`