Help Needed with NextAuth
Unanswered
Basset Bleu de Gascogne posted this in #help-forum
Basset Bleu de GascogneOP
I am adding Github provider . I have added the folder structure
In my github login a a different route I created where I added the sessionProvider code
In my github login a a different route I created where I added the sessionProvider code
"use client"
import CamperVanPage from "../../../components/profiles"
import { SessionProvider } from "next-auth/react"
import { AppProps } from 'next/app'
export default function GithubLogin({
Component,
pageProps: { session, ...pageProps },
}: AppProps)
{
<SessionProvider session={session}>
<Component {...pageProps} />
</SessionProvider>
}
2 Replies
Basset Bleu de GascogneOP
I created a component for login
import { useSession, signIn, signOut } from "next-auth/react"
export default function CamperVanPage() {
const { data: session, status } = useSession()
const userEmail = session?.user?.email
if (status === "loading") {
return <p>Hang on there...</p>
}
if (status === "authenticated") {
return (
<>
<p>Signed in as {userEmail}</p>
<button onClick={() => signOut()}>Sign out</button>
<img src="https://cdn.pixabay.com/photo/2017/08/11/19/36/vw-2632486_1280.png" />
</>
)
}
return (
<>
<p>Not signed in.</p>
<button onClick={() => signIn("github")}>Sign in</button>
</>
)
}
The error I am getting