feat: ログイン後画面で Unauthenticated エラー発生時に TOP へリダイレクト

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: yn1323

src/components/features/auths/UnauthenticatedBoundary/index.tsx

@@ -0,0 +1,25 @@
+import { Navigate } from "@tanstack/react-router";
+import { ConvexError } from "convex/values";
+import type { ReactNode } from "react";
+import { ErrorBoundary } from "@/src/components/ui/ErrorBoundary";
+
+type Props = {
+  children: ReactNode;
+};
+
+const isUnauthenticatedError = (error: Error) => error instanceof ConvexError && error.data === "Unauthenticated";
+
+export const UnauthenticatedBoundary = ({ children }: Props) => {
+  return (
+    <ErrorBoundary
+      fallback={(error) => {
+        if (isUnauthenticatedError(error)) {
+          return <Navigate to="/" replace />;
+        }
+        throw error;
+      }}
+    >
+      {children}
+    </ErrorBoundary>
+  );
+};

src/routes/_auth.tsx

@@ -1,6 +1,7 @@
 import { Box } from "@chakra-ui/react";
 import { createFileRoute, Outlet } from "@tanstack/react-router";
 import { AuthGuard } from "@/src/components/features/auths/AuthGuard";
+import { UnauthenticatedBoundary } from "@/src/components/features/auths/UnauthenticatedBoundary";
 import { Header } from "@/src/components/templates/Header";
 
 export const Route = createFileRoute("/_auth")({
@@ -10,7 +11,9 @@ export const Route = createFileRoute("/_auth")({
 function RouteComponent() {
   return (
     <AuthGuard>
-      <AuthenticatedLayout />
+      <UnauthenticatedBoundary>
+        <AuthenticatedLayout />
+      </UnauthenticatedBoundary>
     </AuthGuard>
   );
 }