maybe

src/app/signin/OAuthSignIn.tsx

@@ -4,9 +4,20 @@ import { useState, useEffect, use } from "react";
 import { signIn, LiteralUnion, ClientSafeProvider, getProviders } from "next-auth/react";
 import { Button } from "@/components/ui/button";
 import { FaGithub, FaGoogle } from "react-icons/fa";
+import { BuiltInProviderType } from "next-auth/providers/index";
 
 export function OAuthSignIn() {
-  const providers = use(getProviders());
+  const [providers, setProviders] = useState<Record<
+    LiteralUnion<BuiltInProviderType, string>,
+    ClientSafeProvider
+  > | null>();
+
+  useEffect(() => {
+    const get = async () => {
+      setProviders(await getProviders());
+    };
+    get();
+  }, []);
 
   if (!providers) {
     return;