page.tsx

'use server';
import { auth } from '@clerk/nextjs/server';
export default async function Page() {
  const { userId, sessionClaims } = auth();

  // Cast sessionClaims to the correct type
  const typedSessionClaimsEmail = sessionClaims.userEmail as string | null;

  console.log(5, typedSessionClaimsEmail);

  // Use optional chaining and nullish coalescing for type safety

  return (
    <div className="relative z-0 space-y-10 text-white">
      <div className="space-y-5">
        <h2>Onboarding</h2>
        Your email: {typedSessionClaimsEmail}
      </div>
    </div>
  );
}