root/chadebebe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(build): read URL params via window in guards (avoid useSearchParams prerender error)
Some checks failed
Build and Push Docker Image / build-and-push (push) Has been cancelled
Details

Browse Source
This commit is contained in:
belisards
2026-05-03 17:02:45 -03:00
parent 2418ab64cc
commit d33feced1d
3 changed files with 8 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/admin-guard.tsx
View File

@@ -1,22 +1,19 @@
'use client';
import { useEffect, useState } from 'react';
import { useSearchParams } from 'next/navigation';
import { authApi } from '@/lib/api';
export default function AdminGuard({ children }: { children: React.ReactNode }) {
const params = useSearchParams();
const [state, setState] = useState<'checking' | 'ok' | 'denied'>('checking');
useEffect(() => {
let cancelled = false;
(async () => {
const adm = params.get('adm');
const url = new URL(window.location.href);
const adm = url.searchParams.get('adm');
try {
if (adm) {
await authApi.session({ adm });
// strip the param from URL but keep route
const url = new URL(window.location.href);
url.searchParams.delete('adm');
window.history.replaceState({}, '', url.toString());
}
@@ -29,7 +26,7 @@ export default function AdminGuard({ children }: { children: React.ReactNode })
}
})();
return () => { cancelled = true; };
}, [params]);
}, []);
if (state === 'checking') return <div className="min-h-screen flex items-center justify-center text-gray-500">Verificando…</div>;
if (state === 'denied') return <div className="min-h-screen flex items-center justify-center text-center px-6">

7
components/guest-guard.tsx
View File

@@ -1,23 +1,20 @@
'use client';
import { useEffect, useState } from 'react';
import { useSearchParams } from 'next/navigation';
import { authApi } from '@/lib/api';
type Status = 'checking' | { kind: 'ok'; guestName: string } | 'denied';
export default function GuestGuard({ children }: { children: React.ReactNode }) {
const params = useSearchParams();
const [status, setStatus] = useState<Status>('checking');
useEffect(() => {
let cancelled = false;
(async () => {
const usr = params.get('usr');
const usr = new URL(window.location.href).searchParams.get('usr');
try {
if (usr) {
await authApi.session({ usr });
// user said leaving the token in URL is fine — do NOT strip
}
const who = await authApi.whoami();
if (cancelled) return;
@@ -31,7 +28,7 @@ export default function GuestGuard({ children }: { children: React.ReactNode })
}
})();
return () => { cancelled = true; };
}, [params]);
}, []);
if (status === 'checking') return <div className="min-h-screen flex items-center justify-center text-gray-500">Verificando convite…</div>;
if (status === 'denied') return <div className="min-h-screen flex items-center justify-center text-center px-6">