src/app/components/Auth.tsx

@@ -1,7 +1,7 @@
 "use client"
 import { signIn, signOut, useSession } from "next-auth/react";
 
-const LoginPage = () => {
+const Auth = () => {
 	const { data: session } = useSession();
 
 	return (
@@ -26,7 +26,7 @@ const LoginPage = () => {
 							borderRadius: "5px",
 							cursor: "pointer",
 						}}
-						onClick={() => signIn("discord")} // Modifier selon votre provider
+						onClick={() => signIn("discord")}
 					>
 						Sign in with Discord
 					</button>
@@ -53,4 +53,4 @@ const LoginPage = () => {
 	);
 };
 
-export default LoginPage;
+export default Auth;

src/app/page.tsx

@@ -1,10 +1,11 @@
 "use client";
+import Auth from "./components/Auth";
 import FetchWithSession from "./components/FetchWithSession";
 
 export default function Home() {
 	return (
 		<>
-			<h1>Home</h1>
+			<Auth />
 			<FetchWithSession />
 		</>
 	);