4 replies

Google OAuth session is empty

OAuth related

My google sign in for some reason returns success, but session is null after all. For some context I am using Tanstack Router + Elysia + Drizzle ORM. No issues in logs, just the lack of the session after sign in. It has worked before, but it randomly stopped working after I slightly moved my frontend routes. Even returning it as it was didn't help.

http://localhost:3005/api/v1/auth/sign-in/social 200 OK
http://localhost:3005/api/v1/auth/get-session 200 OK response - null

export const Route = createFileRoute("/(auth)/")({
  component: RouteComponent,
});

function RouteComponent() {
  const continueWithGoogle = async () => {
    await authClient.signIn.social({
      provider: "google",
    });
  };

  // just ui here
}

export const Route = createFileRoute("/(auth)/")({
  component: RouteComponent,
});

function RouteComponent() {
  const continueWithGoogle = async () => {
    await authClient.signIn.social({
      provider: "google",
    });
  };

  // just ui here
}

I also have an layout which checks for session

export const Route = createFileRoute("/(authenticated)")({
  beforeLoad: async ({ context }) => {
    const session = await context.queryClient.ensureQueryData({
      queryKey: sessionQueryKey,
      queryFn: fetchSession,
    });

    if (!session) {
      throw redirect({ to: "/" });
    }
  },
  component: AuthenticatedLayoutRoute,
});

export const Route = createFileRoute("/(authenticated)")({
  beforeLoad: async ({ context }) => {
    const session = await context.queryClient.ensureQueryData({
      queryKey: sessionQueryKey,
      queryFn: fetchSession,
    });

    if (!session) {
      throw redirect({ to: "/" });
    }
  },
  component: AuthenticatedLayoutRoute,
});

Google OAuth session is empty

OAuth related

export const Route = createFileRoute("/(auth)/")({
  component: RouteComponent,
});

function RouteComponent() {
  const continueWithGoogle = async () => {
    await authClient.signIn.social({
      provider: "google",
    });
  };

  // just ui here
}

export const Route = createFileRoute("/(auth)/")({
  component: RouteComponent,
});

function RouteComponent() {
  const continueWithGoogle = async () => {
    await authClient.signIn.social({
      provider: "google",
    });
  };

  // just ui here
}

I also have an layout which checks for session

export const Route = createFileRoute("/(authenticated)")({
  beforeLoad: async ({ context }) => {
    const session = await context.queryClient.ensureQueryData({
      queryKey: sessionQueryKey,
      queryFn: fetchSession,
    });

    if (!session) {
      throw redirect({ to: "/" });
    }
  },
  component: AuthenticatedLayoutRoute,
});

export const Route = createFileRoute("/(authenticated)")({
  beforeLoad: async ({ context }) => {
    const session = await context.queryClient.ensureQueryData({
      queryKey: sessionQueryKey,
      queryFn: fetchSession,
    });

    if (!session) {
      throw redirect({ to: "/" });
    }
  },
  component: AuthenticatedLayoutRoute,
});

Google OAuth session is empty

Google OAuth session is empty

Similar Threads