Console error after sign up with google

[ivanvinicius]

I'm using nextjs 15 rc and react 19 rc.

I'll give a breif example of my code to show you what I'm doing.

My .env variables

NEXT_PUBLIC_CLERK_SIGN_IN_URL="/auth/sign-in"
NEXT_PUBLIC_CLERK_SIGN_UP_URL="/auth/sign-up/sso-callback"

I have a custom sign-in and sign-up flow, code below:

// auth/sign-in/page.tsx
'use client'

import { useSignIn, useSignUp } from '@clerk/nextjs'
import { OAuthStrategy } from '@clerk/types'
import Image from 'next/image'

import GoogleSvg from '@/assets/google.svg'
import { Button } from '@/components/ui/button'

export function SignInForm() {
  const { signIn } = useSignIn()
  const { signUp, setActive } = useSignUp()

  if (!signIn || !signUp) return null

  const signInWith = (strategy: OAuthStrategy) => {
    return signIn.authenticateWithRedirect({
      strategy,
      redirectUrl: '/auth/sign-up/sso-callback',
      redirectUrlComplete: '/',
    })
  }

  async function handleSignIn(strategy: OAuthStrategy) {
    if (!signIn || !signUp) return null

    const userExistsButNeedsToSignIn =
      signUp.verifications.externalAccount.status === 'transferable' &&
      signUp.verifications.externalAccount.error?.code ===
        'external_account_exists'

    if (userExistsButNeedsToSignIn) {
      const res = await signIn.create({ transfer: true })

      if (res.status === 'complete') {
        setActive({
          session: res.createdSessionId,
        })
      }
    }

    const userNeedsToBeCreated =
      signIn.firstFactorVerification.status === 'transferable'

    if (userNeedsToBeCreated) {
      const res = await signUp.create({
        transfer: true,
      })

      if (res.status === 'complete') {
        setActive({
          session: res.createdSessionId,
        })
      }
    } else {
      signInWith(strategy)
    }
  }

  return (
    <div className="grid min-h-screen grid-cols-2">
      <div className="flex h-full border-r border-foreground/5 bg-muted p-8">
        <h1 className="text-lg font-medium">cookinplus</h1>
      </div>

      <div className="flex w-full flex-col items-center justify-center">
        <div className="flex w-full max-w-[320px] flex-col space-y-4">
          <div className="flex flex-col items-center space-y-2">
            <span className="text-xl font-semibold tracking-tight">
              Painel do admistrador
            </span>
            <p className="text-center text-sm text-muted-foreground">
              Você precisa ser um membro da equipe!
            </p>
          </div>

          <div className="w-full">
            <Button
              className="w-full"
              variant={'outline'}
              onClick={() => handleSignIn('oauth_google')}
            >
              <div className="flex items-center gap-4">
                <Image className="size-4" src={GoogleSvg} alt="" />
                <span>Entrar com google</span>
              </div>
            </Button>
          </div>
        </div>
      </div>
    </div>
  )
}


//-----------------------------------------------------------------------------

// auth/sign-up/sso-callback/page.tsx
import { AuthenticateWithRedirectCallback } from '@clerk/nextjs'

export default async function SignUpSSOCallbackPage() {
  return <AuthenticateWithRedirectCallback />
}

After the sign up flow is completed I'm getting an error os console.log. This error is a bad request POST, to the url of the image:

HEADER

RESPONSE

What I'm doing wrong to get this error?

Appreciate your help