Google OAuth "Bad request" error on local development with Supabase CLI

 json
{
  "message": "Bad request"
}

 toml
[auth]
site_url = "http://localhost:3000"
additional_redirect_urls = ["https://localhost:3000"]

[auth.external.google]
enabled = true
client_id = "env(SUPABASE_AUTH_EXTERNAL_GOOGLE_CLIENT_ID)"
secret = "env(SUPABASE_AUTH_EXTERNAL_GOOGLE_SECRET)"
redirect_uri = ""
skip_nonce_check = true

 typescript
export async function loginWithGoogle() {
  const supabase = await createClient()
  
  const { data, error } = await supabase.auth.signInWithOAuth({
    provider: 'google',
  })
  
  if (error) {
    redirect('/unauthorized')
  }
  
  if (data.url) {
    redirect(data.url)
  }
}