fix: Drop the need to for the self-call for providers and NEXTAUTH_INTERNAL_URL

2 files changed, 9 insertions, 5 deletions

diff --git a/apps/web/components/signin/SignInForm.tsx b/apps/web/components/signin/SignInForm.tsx
index 07e921b0..ca8f3137 100644
--- a/apps/web/components/signin/SignInForm.tsx
+++ b/apps/web/components/signin/SignInForm.tsx
@@ -1,4 +1,4 @@
-import { getProviders } from "next-auth/react";
+import { authOptions } from "@/server/auth";
 
 import serverConfig from "@karakeep/shared/config";
 
@@ -6,7 +6,7 @@ import CredentialsForm from "./CredentialsForm";
 import SignInProviderButton from "./SignInProviderButton";
 
 export default async function SignInForm() {
-  const providers = await getProviders();
+  const providers = authOptions.providers;
   let providerValues;
   if (providers) {
     providerValues = Object.values(providers).filter(
@@ -36,7 +36,9 @@ export default async function SignInForm() {
           <div className="space-y-2">
             {providerValues.map((provider) => (
               <div key={provider.id}>
-                <SignInProviderButton provider={provider} />
+                <SignInProviderButton
+                  provider={{ id: provider.id, name: provider.name }}
+                />
               </div>
             ))}
           </div>
diff --git a/apps/web/components/signin/SignInProviderButton.tsx b/apps/web/components/signin/SignInProviderButton.tsx
index 0f208397..e866c878 100644
--- a/apps/web/components/signin/SignInProviderButton.tsx
+++ b/apps/web/components/signin/SignInProviderButton.tsx
@@ -1,13 +1,15 @@
 "use client";
 
-import type { ClientSafeProvider } from "next-auth/react";
 import { Button } from "@/components/ui/button";
 import { signIn } from "next-auth/react";
 
 export default function SignInProviderButton({
   provider,
 }: {
-  provider: ClientSafeProvider;
+  provider: {
+    id: string;
+    name: string;
+  };
 }) {
   return (
     <Button