From 1347aac381d1cccf54c64e2d8c05a40ae87ce48b Mon Sep 17 00:00:00 2001
From: Oriel Shmuel <Orielshmuel@gmail.com>
Date: Mon, 7 Jul 2025 08:19:56 +0300
Subject: [PATCH] docs(search-params): clarify async usage in app router server
 components

---
 docs/pages/guides/pages/signin.mdx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

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