fix run build

app/(site)/registration/cancel/page.tsx

@@ -1,10 +1,10 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { Suspense, useEffect, useState } from "react";
 import { useSearchParams } from "next/navigation";
 import Link from "next/link";
 
-export default function RegistrationCancelPage() {
+function CancelContent() {
   const searchParams = useSearchParams();
   const token = searchParams.get("token");
   const [cancelled, setCancelled] = useState(false);
@@ -21,6 +21,18 @@ export default function RegistrationCancelPage() {
     }
   }, [token]);
 
+  return (
+    <>
+      {!cancelled && (
+        <p className="mt-6 text-on-surface-variant text-xs opacity-60">
+          Đang cập nhật trạng thái...
+        </p>
+      )}
+    </>
+  );
+}
+
+export default function RegistrationCancelPage() {
   return (
     <main className="min-h-screen bg-[var(--color-background)] flex items-center justify-center px-[var(--spacing-gutter)] py-[80px]">
       <div className="w-full max-w-[560px]">
@@ -59,11 +71,9 @@ export default function RegistrationCancelPage() {
             </Link>
           </div>
 
-          {!cancelled && (
-            <p className="mt-6 text-on-surface-variant text-xs opacity-60">
-              Đang cập nhật trạng thái...
-            </p>
-          )}
+          <Suspense fallback={null}>
+            <CancelContent />
+          </Suspense>
         </div>
       </div>
     </main>