The useLogout hook provides functionality to log out the current user and optionally clear pre-generated wallets.

​
Import

import { useLogout } from "@getpara/react-sdk@alpha";

​
Usage

function LogoutButton() {
  const { logout, logoutAsync, isPending } = useLogout();
  const { data: account } = useAccount();

  const handleLogout = async () => {
    try {
      await logoutAsync({
        clearPregenWallets: false // Keep pre-generated wallets
      });
      console.log("Successfully logged out");
    } catch (err) {
      console.error("Logout failed:", err);
    }
  };

  if (!account?.isConnected) {
    return null;
  }

  return (
    <button 
      onClick={handleLogout}
      disabled={isPending}
    >
      {isPending ? "Logging out..." : "Logout"}
    </button>
  );
}