diff --git a/docs/pages/guides/pages/signin.mdx b/docs/pages/guides/pages/signin.mdx
index 70fc13f09c..38b9df7976 100644
--- a/docs/pages/guides/pages/signin.mdx
+++ b/docs/pages/guides/pages/signin.mdx
@@ -136,8 +136,11 @@ import { AuthError } from "next-auth"
 const SIGNIN_ERROR_URL = "/error"
 
 export default async function SignInPage(props: {
-  searchParams: { callbackUrl: string | undefined }
+  searchParams: Promise<{ callbackUrl: string | undefined }>
 }) {
+
+const { callbackUrl } = await props.searchParams;
+
   return (
     <div className="flex flex-col gap-2">
       <form
@@ -170,7 +173,7 @@ export default async function SignInPage(props: {
             "use server"
             try {
               await signIn(provider.id, {
-                redirectTo: props.searchParams?.callbackUrl ?? "",
+                redirectTo: callbackUrl ?? "",
               })
             } catch (error) {
               // Signin can fail for a number of reasons, such as the user