Sign in with GitHub not working.

import { authClient } from "~/lib/auth-client";
import { SiGithub } from "react-icons/si";
import { Button } from "~/components/ui/button";

const ContinueWithGitHub = () => {
  const signIn = async () => {
    await authClient.signIn.social({
      provider: "github",
    });
  };

  return (
    <Button
      className="flex items-start gap-x-2 px-10 py-3 text-base bg-background text-foreground"
      onClick={signIn}
    >
      <SiGithub size={20} /> Continue with GitHub
    </Button>
  );
};

export default ContinueWithGitHub;

import { betterAuth } from "better-auth";
import { drizzleAdapter } from "better-auth/adapters/drizzle";
import * as authSchema from "../../auth-schema";
import { db } from "~/db";

export const auth = betterAuth({
  database: drizzleAdapter(db, {
    provider: "pg",
    schema: authSchema,
  }),
  socialProviders: {
    github: {
      clientId: process.env.GITHUB_CLIENT_ID!,
      clientSecret: process.env.GITHUB_CLIENT_SECRET!,
    },
  },
});

import { createAuthClient } from "better-auth/react";
export const authClient = createAuthClient({
  baseURL: "http://localhost:3000",
});

import { auth } from "~/lib/auth";
import { createAPIFileRoute } from "@tanstack/start/api";
export const APIRoute = createAPIFileRoute("/api/auth/$")({
  GET: ({ request }) => {
    return auth.handler(request);
  },
  POST: ({ request }) => {
    return auth.handler(request);
  },
});