All Categories
How to
How to resolve ENS avatar

How to resolve ENS avatar

Here is how you can resolve ENS avatar using thirdweb SDK with typescript: 

import { resolveAvatar } from "thirdweb/extensions/ens";
const address = await resolveAvatar({
  client,
  name: "vitalik.eth",
});
 

Here is how you can resolve ENS name using thirdweb SDK with React:

We will create a hook for use within our React application. You can use this hook to resolve ENS names within your application: 

import { client } from "@/consts/client";  // import your thirdweb client
import { queryOptions, useQuery } from "@tanstack/react-query";
import { resolveAvatar, resolveName } from "thirdweb/extensions/ens";

// Get ENS name from a wallet address
export function useGetENSAvatar({
  ensName,
}: {
  ensName: string | undefined | null;
}) {
  return useQuery(
    queryOptions({
      queryKey: ["ensAvatar", ensName || "n/a"] as const,
      queryFn: async () => {
        if (!client) {
          throw new Error("client is required");
        }
        if (!ensName) return;
        return resolveAvatar({ client, name: ensName });
      },
      enabled: !!ensName,
    })
  );
}
 

Can’t get this working? If you’ve followed the above and still have issues, contact our support team for help.

 
Did this answer your question?
😞
😐
🤩
How to resolve ENS address How to resolve ENS name?