Cannot redirect to redirectTo url when using the signInWithOAuth function

using @supabase/ssr

"use client";

import { createClient } from "@/utils/supabase/client";

export default function GoogleButton() {
  async function signInWithGoogle() {
    const supabase = createClient();

    const { data, error } = await supabase.auth.signInWithOAuth({
      provider: "google",
      options: {
        redirectTo: 'https://example.com/welcome',
      }
    });

    if (error) {
      console.error("Google sign-in error:", error.message);
    }
  }

  return <button onClick={signInWithGoogle}>Sign in with Google</button>;
}

"use client";

import { createClient } from "@/utils/supabase/client";

export default function GoogleButton() {
  async function signInWithGoogle() {
    const supabase = createClient();

    const { data, error } = await supabase.auth.signInWithOAuth({
      provider: "google",
      options: {
        redirectTo: 'https://example.com/welcome',
      }
    });

    if (error) {
      console.error("Google sign-in error:", error.message);
    }
  }

  return <button onClick={signInWithGoogle}>Sign in with Google</button>;
}

import { createBrowserClient } from '@supabase/ssr'

export function createClient() {
  return createBrowserClient(
    process.env.NEXT_PUBLIC_SUPABASE_URL!,
    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
  )
}

import { createBrowserClient } from '@supabase/ssr'

export function createClient() {
  return createBrowserClient(
    process.env.NEXT_PUBLIC_SUPABASE_URL!,
    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
  )
}

the login with password one works fine, but this one does not

I followed the guide for server side auth, and I can't get this client side oauth with google to work. For redirect, I've tried everything but it just defaults to the default that I had set in supabase. When I had this prior fully client side (with no server side auth), it worked. No idea how to fix this and help would be appreciated, thanks

Cannot redirect to redirectTo url when using the signInWithOAuth function

using @supabase/ssr

"use client";

import { createClient } from "@/utils/supabase/client";

export default function GoogleButton() {
  async function signInWithGoogle() {
    const supabase = createClient();

    const { data, error } = await supabase.auth.signInWithOAuth({
      provider: "google",
      options: {
        redirectTo: 'https://example.com/welcome',
      }
    });

    if (error) {
      console.error("Google sign-in error:", error.message);
    }
  }

  return <button onClick={signInWithGoogle}>Sign in with Google</button>;
}

"use client";

import { createClient } from "@/utils/supabase/client";

export default function GoogleButton() {
  async function signInWithGoogle() {
    const supabase = createClient();

    const { data, error } = await supabase.auth.signInWithOAuth({
      provider: "google",
      options: {
        redirectTo: 'https://example.com/welcome',
      }
    });

    if (error) {
      console.error("Google sign-in error:", error.message);
    }
  }

  return <button onClick={signInWithGoogle}>Sign in with Google</button>;
}

import { createBrowserClient } from '@supabase/ssr'

export function createClient() {
  return createBrowserClient(
    process.env.NEXT_PUBLIC_SUPABASE_URL!,
    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
  )
}

import { createBrowserClient } from '@supabase/ssr'

export function createClient() {
  return createBrowserClient(
    process.env.NEXT_PUBLIC_SUPABASE_URL!,
    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
  )
}

Cannot redirect to redirectTo url when using the signInWithOAuth function

Similar Threads

Cannot redirect to redirectTo url when using the signInWithOAuth function

Similar Threads

Similar Threads

Similar Threads