ranger-app/src/components/SessionProvider.tsx

'use client';

import { SessionProvider as NextAuthSessionProvider } from 'next-auth/react';
import { ReactNode, useEffect } from 'react';
import { useSession } from 'next-auth/react';

interface SessionProviderProps {
  children: ReactNode;
}

function SessionLogger({ children }: { children: ReactNode }) {
  const { data: session } = useSession();
  
  useEffect(() => {
    if (session?.user) {
      console.log(`User ID: ${session.user.id}`);
      console.log(`User Email: ${session.user.email}`);
    }
  }, [session]);
  
  return <>{children}</>;
}

const SessionProvider = ({ children }: SessionProviderProps) => {
  return (
    <NextAuthSessionProvider>
      <SessionLogger>{children}</SessionLogger>
    </NextAuthSessionProvider>
  );
};

export default SessionProvider;