feat(web): wrap LoginForm in Suspense for improved loading handling

This commit is contained in:
2026-03-11 13:45:42 +08:00
parent 9bdeea8a12
commit 70ae7da0d9

View File

@@ -1,12 +1,12 @@
"use client"; "use client";
import { useState } from "react"; import { Suspense, useState } from "react";
import { useRouter, useSearchParams } from "next/navigation"; import { useRouter, useSearchParams } from "next/navigation";
import { Alert, Button, Card, CloseButton, Input, Label, TextField } from "@heroui/react"; import { Alert, Button, Card, CloseButton, Input, Label, TextField } from "@heroui/react";
import { Fingerprint, Thunderbolt } from "@gravity-ui/icons"; import { Fingerprint, Thunderbolt } from "@gravity-ui/icons";
import { authClient } from "@/lib/auth-client"; import { authClient } from "@/lib/auth-client";
export default function LoginPage() { function LoginForm() {
const router = useRouter(); const router = useRouter();
const searchParams = useSearchParams(); const searchParams = useSearchParams();
const justSetup = searchParams.get("setup") === "1"; const justSetup = searchParams.get("setup") === "1";
@@ -145,3 +145,11 @@ export default function LoginPage() {
</div> </div>
); );
} }
export default function LoginPage() {
return (
<Suspense>
<LoginForm />
</Suspense>
);
}