Session

import { useAuth } from '@kerne/react';

function Profile() {
  const { user, isAuthenticated, isLoading, logout, updateProfile } = useAuth();

  if (isLoading) return <Spinner />;
  if (!isAuthenticated) return <p>Not logged in</p>;

  return (
    <div>
      <p>{user?.first_name ?? user?.email}</p>
      <button onClick={() => updateProfile({ first_name: 'New name' })}>Rename</button>
      <button onClick={logout}>Log out</button>
    </div>
  );
}