useUser

The useUser hook returns the authenticated User if the signer is authenticated.

Import

import { useUser } from "@alchemy/aa-alchemy/react";

Usage

useUser.tsx

import { useUser } from "@alchemy/aa-alchemy/react";
 
export function ComponentWithUser() {
  const user = useUser();
 
  return (
    <div>
      <h1>
        {user
          ? `User connected with signer address: ${user.address}`
          : "No user connected"}
      </h1>
    </div>
  );
}

Return Type

import { type UseUserResult } from "@alchemy/aa-alchemy/react";

Returns a User object if the user has been authenticated, othwerise null.