hq - move auth to client side searchparams to avoid problems with vercel

apps/hq/src/app/auth/forgot-password/PasswordResetForm.tsx

@@ -3,7 +3,6 @@
 import { forgotPassword } from "@/lib/users";
 import { Button } from "@formbricks/ui";
 import { XCircleIcon } from "@heroicons/react/20/solid";
-import Link from "next/dist/client/link";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 

apps/hq/src/app/auth/forgot-password/email-sent/page.tsx

@@ -1,5 +1,4 @@
 import { Button } from "@formbricks/ui";
-import Link from "next/link";
 
 export default function SignInPage() {
   return (

apps/hq/src/app/auth/forgot-password/reset/page.tsx

@@ -1,15 +1,13 @@
+"use client";
+
+import { useSearchParams } from "next/navigation";
 import { ResetPasswordForm } from "./ResetPasswordForm";
 
-interface ResetPasswordPageProps {
-  searchParams?: {
-    token?: string;
-  };
-}
-
-export default function ResetPasswordPage({ searchParams }: ResetPasswordPageProps) {
+export default function ResetPasswordPage() {
+  const searchParams = useSearchParams();
   return (
     <>
-      <ResetPasswordForm token={searchParams.token} />
+      <ResetPasswordForm token={searchParams.get("token")} />
     </>
   );
 }

apps/hq/src/app/auth/signin/page.tsx

@@ -1,17 +1,14 @@
+"use client";
+
 import Link from "next/link";
+import { useSearchParams } from "next/navigation";
 import { SigninForm } from "./SigninForm";
 
-interface SignInPageProps {
-  searchParams?: {
-    callbackUrl?: string;
-    error?: string;
-  };
-}
-
-export default function SignInPage({ searchParams }: SignInPageProps) {
+export default function SignInPage() {
+  const searchParams = useSearchParams();
   return (
     <>
-      <SigninForm callbackUrl={searchParams.callbackUrl} error={searchParams.error} />
+      <SigninForm callbackUrl={searchParams.get("callbackUrl")} error={searchParams.get("error")} />
       {process.env.NEXT_PUBLIC_SIGNUP_DISABLED !== "1" && (
         <div>
           <Link

apps/hq/src/app/auth/verify/page.tsx

@@ -1,16 +1,14 @@
+"use client";
+
+import { useSearchParams } from "next/navigation";
 import { SignIn } from "./SignIn";
 
-interface VerifyProps {
-  searchParams?: {
-    token?: string;
-  };
-}
-
-export default function Verify({ searchParams }: VerifyProps) {
+export default function Verify() {
+  const searchParams = useSearchParams();
   return (
     <>
-      <p className="text-center">{!searchParams.token ? "No Token provided" : "Verifying..."}</p>
-      <SignIn token={searchParams.token} />
+      <p className="text-center">{!searchParams.get("token") ? "No Token provided" : "Verifying..."}</p>
+      <SignIn token={searchParams.get("token")} />
     </>
   );
 }