How to apply loaders/spinners on a signIn button?

[ashwinkhode]

I want to add a spinner inside a sign in button. I looked on the internet and it seems using status (loading) from useSession() is not the way to add spinners inside the button. How can achieve this?

[ashwinkhode]

I found the answer!

import { useSession } from "next-auth/react"

const SecretPage = () => {
	const { status } = useSession({
		required: true,
	})

	if (status === "loading") {
		return <Spinner />
	}

	return "User is logged in!"
}