Discord oauth with Convex Auth and invalid redirect uri.

import Discord from "@auth/core/providers/discord";
import { convexAuth } from "@convex-dev/auth/server";

export const { auth, signIn, signOut, store, isAuthenticated } = convexAuth({
  providers: [
    Discord({
      clientId: process.env.DISCORD_AUTH_CLIENT_ID,
      clientSecret: process.env.DISCORD_AUTH_CLIENT_SECRET,
      authorization: { params: { scope: "identify" } },
    }),
  ],
});

import Discord from "@auth/core/providers/discord";
import { convexAuth } from "@convex-dev/auth/server";

export const { auth, signIn, signOut, store, isAuthenticated } = convexAuth({
  providers: [
    Discord({
      clientId: process.env.DISCORD_AUTH_CLIENT_ID,
      clientSecret: process.env.DISCORD_AUTH_CLIENT_SECRET,
      authorization: { params: { scope: "identify" } },
    }),
  ],
});

import { useAuthActions } from "@convex-dev/auth/react";
import { Button } from "../ui/button";

export const DiscordSignIn = () => {
  const { signIn } = useAuthActions();
  const handleSignIn = async () => {
    try {
      await signIn("discord");
    } catch (error) {
      console.error("Sign-in error:", error);
    }
  };
  return <Button onClick={handleSignIn}>Sign in with Discord</Button>;
};

import { useAuthActions } from "@convex-dev/auth/react";
import { Button } from "../ui/button";

export const DiscordSignIn = () => {
  const { signIn } = useAuthActions();
  const handleSignIn = async () => {
    try {
      await signIn("discord");
    } catch (error) {
      console.error("Sign-in error:", error);
    }
  };
  return <Button onClick={handleSignIn}>Sign in with Discord</Button>;
};

import { convexAuthNextjsMiddleware } from "@convex-dev/auth/nextjs/server";
import type { NextFetchEvent, NextRequest } from "next/server";
import createMiddleware from "next-intl/middleware";
import { routing } from "./i18n/routing";

const intlMiddleware = createMiddleware(routing);
const convexAuthMiddleware = convexAuthNextjsMiddleware();

export async function middleware(request: NextRequest, event: NextFetchEvent) {
  const { pathname } = request.nextUrl;
  const isApiRoute =
    pathname.startsWith("/api") || pathname.startsWith("/trpc");
  const isNextInternal = pathname.startsWith("/_next");
  const isStaticFile = pathname.includes(".");

  if (isApiRoute || isNextInternal || isStaticFile) {
    if (isApiRoute) {
      return convexAuthMiddleware(request, event);
    }
    return;
  }

  const intlResponse = await intlMiddleware(request);

  if (intlResponse) {
    return intlResponse;
  }

  return convexAuthMiddleware(request, event);
}

export const config = {
  matcher: [
    "/((?!_next/static|_next/image|favicon.ico).*)",
  ],
};

import { convexAuthNextjsMiddleware } from "@convex-dev/auth/nextjs/server";
import type { NextFetchEvent, NextRequest } from "next/server";
import createMiddleware from "next-intl/middleware";
import { routing } from "./i18n/routing";

const intlMiddleware = createMiddleware(routing);
const convexAuthMiddleware = convexAuthNextjsMiddleware();

export async function middleware(request: NextRequest, event: NextFetchEvent) {
  const { pathname } = request.nextUrl;
  const isApiRoute =
    pathname.startsWith("/api") || pathname.startsWith("/trpc");
  const isNextInternal = pathname.startsWith("/_next");
  const isStaticFile = pathname.includes(".");

  if (isApiRoute || isNextInternal || isStaticFile) {
    if (isApiRoute) {
      return convexAuthMiddleware(request, event);
    }
    return;
  }

  const intlResponse = await intlMiddleware(request);

  if (intlResponse) {
    return intlResponse;
  }

  return convexAuthMiddleware(request, event);
}

export const config = {
  matcher: [
    "/((?!_next/static|_next/image|favicon.ico).*)",
  ],
};