sepehr/office_translator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(admin): resolve hydration layout crash by removing layout-level return null and using mount-conditional text
All checks were successful
Deploy to Production / Build and Deploy (push) Successful in 2m5s
Details

Browse Source
This commit is contained in:
sepehr
2026-06-01 23:24:03 +02:00
parent 6da8a85b1d
commit ce53f0df16
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/admin/layout.tsx
View File

@@ -33,10 +33,6 @@ export default function AdminLayout({
return unsub; return unsub;
}, []); }, []);
if (!isMounted) {
return null;
}
const verifyToken = useCallback(async (token: string): Promise<boolean> => { const verifyToken = useCallback(async (token: string): Promise<boolean> => {
try { try {
const response = await fetch(`${API_BASE}/api/v1/admin/verify`, { const response = await fetch(`${API_BASE}/api/v1/admin/verify`, {
@@ -82,7 +78,9 @@ export default function AdminLayout({
if (isChecking && pathname !== "/admin/login") { if (isChecking && pathname !== "/admin/login") {
return ( return (
<div className="min-h-screen bg-card flex items-center justify-center"> <div className="min-h-screen bg-card flex items-center justify-center">
<div className="text-muted-foreground text-sm">{t('admin.layout.checking')}</div> <div className="text-muted-foreground text-sm" suppressHydrationWarning>
{isMounted ? t('admin.layout.checking') : "Verifying authentication..."}
</div>
</div> </div>
); );
} }