Auth

export async function GET(req: NextRequest) {
  const token = await getToken({
    req,
    secret: env.NEXTAUTH_SECRET,
  });
  const jwtToken = jwt.sign(
    {
      ...token,
    },
    env.NEXTAUTH_SECRET,
    {
      algorithm: "HS256",
    }
  );
  return NextResponse.json({ token: jwtToken });
}

  callbacks: {
    async jwt({ token, user }) {
      if (user) {
        token.role = user.role;
      }
      return token;
    },
    async session({ session, token }) {
      if (token?.role) {
        //@ts-ignore
        session.user.role = token.role;
      }
      //add the user id to the session
      session.user.id = token.sub ?? "";
      return session;
    },
  },

import { useState, useEffect } from 'react';
import { useSession } from 'next-auth/react'; // replace 'your-session-library' with the actual library you're using

function useSessionWithLoading() {
    const [loading, setLoading] = useState(true);
    const { data: session } = useSession();
    useEffect(() => {
        // If session data is not yet available (still loading), set loading to true
        if (session === undefined) {
            setLoading(true);
        } else {
            setLoading(false);
        }
    }, [session]);

    return { loading, session }
}

export default useSessionWithLoading;