'use client';

import { SessionProvider } from 'next-auth/react';
import { useState, useEffect, type ReactNode } from 'react';

export function Providers({ children }: { children: ReactNode }) {
  const [mounted, setMounted] = useState(false);
  useEffect(() => { setMounted(true); }, []);
  if (!mounted) return <div style={{ visibility: 'hidden' }}>{children}</div>;
  return <SessionProvider>{children}</SessionProvider>;
}