Unable to exchange external code when login with Apple ID

[Sotatek-LongPham2]

• I have to implement feature login with Apple ID in project NextJS. I follow the docs of supabase, I config for Apple and Supabase. Now with this config, it worked perfectly in React Native app, but in NextJS web, it always get error "Unable to exchange external code".
• I use:

1. NextJS version 15
2. @supabase/ssr

• Here is the code

1. Login form
   `const handleAppleLogin = async () => {
   setLoadingAppleLogin(true);
   setErrorMessage(null);

   try {
   const { data, error } = await supabase.auth.signInWithOAuth({
   provider: "apple",
   options: {
   redirectTo: https://accusatival-suspectible-carmen.ngrok-free.dev/auth/callback,
   skipBrowserRedirect: true,
   queryParams: {
   scope: "name email",
   },
   },
   });

   console.log('data', data)

   if (error) {
   console.error("Login error:", error);
   setLoadingAppleLogin(false);
   }
   } catch (err) {
   console.error("Unexpected error:", err);
   setLoadingAppleLogin(false);
   }
   };`

2. app/auth/callback/route.ts
   `import { createClient } from '@/lib/supabase/server'
   import { NextResponse } from 'next/server'

export async function GET(request: Request) {
const { searchParams } = new URL(request.url)
const code = searchParams.get('code')
console.log('code', code)
const next = searchParams.get('next') ?? '/'
const error = searchParams.get('error')
console.log('error', error)
const errorDescription = searchParams.get('error_description')
console.log('errorDescription', errorDescription)

// Handle OAuth errors
if (error) {
console.error('OAuth error:', error, errorDescription)
return NextResponse.redirect(
${process.env.NEXT_PUBLIC_SITE_URL}/auth/login?error=${encodeURIComponent(error)}
)
}

if (code) {
const supabase = await createClient()

// Exchange code for session
const { data: sessionData, error: exchangeError } = await supabase.auth.exchangeCodeForSession(code)
if (exchangeError) {
  console.log('exchangeError', exchangeError)
  console.error('Exchange error details:', {
    message: exchangeError.message,
    status: exchangeError.status,
    name: exchangeError.name,
  })
}

if (!exchangeError) {
  // Get user data after successful exchange
  const { data: { user } } = await supabase.auth.getUser()
  
  if (user) {
    // Optional: Set a legacy sessionToken cookie if needed for backward compatibility
    // This would be done in the response cookies
    
    const forwardedHost = request.headers.get('x-forwarded-host')
    const isLocalEnv = process.env.NODE_ENV === 'development'
    
    // Determine redirect URL
    let redirectUrl: string
    if (isLocalEnv) {
      redirectUrl = `${process.env.NEXT_PUBLIC_SITE_URL}${next}`
    } else if (forwardedHost) {
      redirectUrl = `https://${forwardedHost}${next}`
    } else {
      redirectUrl = `${process.env.NEXT_PUBLIC_SITE_URL}${next}`
    }
    
    return NextResponse.redirect(redirectUrl)
  }
} else {
  console.error('Code exchange error:', exchangeError)
  return NextResponse.redirect(
    `${process.env.NEXT_PUBLIC_SITE_URL}/auth/login?error=exchange_failed`
  )
}

}

// If no code or error occurred, redirect to login
return NextResponse.redirect(${process.env.NEXT_PUBLIC_SITE_URL}/auth/login?error=no_code)
}`

[YagizBasaran]

any updates?