useAuth

import { useAuth } from "@0xmonaco/react";

const {
  authenticationStatus,
  login,
  logout,
  refreshAuth,
  refreshSession,
  revokeSession,
  authenticate,
  signChallenge,
  createChallenge
} = useAuth();

import { useAuth } from "@0xmonaco/react";

function LoginButton() {
  const { login, authenticationStatus } = useAuth();

  const handleLogin = async () => {
    try {
      const authState = await login();
      console.log('Logged in:', authState.user);
    } catch (error) {
      if (error.message.includes('SDK not available')) {
        alert('SDK is still loading, please wait');
      } else if (error.message.includes('Wallet not connected')) {
        alert('Please connect your wallet first');
      } else {
        console.error('Login failed:', error);
      }
    }
  };

  return (
    <button
      onClick={handleLogin}
      disabled={authenticationStatus === 'authenticating'}
    >
      {authenticationStatus === 'authenticating' ? 'Logging in...' : 'Login'}
    </button>
  );
}