[SDK] Add missing use-client directives to some components

Author: kien-ngo

packages/thirdweb/src/react/web/ui/prebuilt/Account/blobbie.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Blobbie, type BlobbieProps } from "../../ConnectWallet/Blobbie.js";
 import { useAccountContext } from "./provider.js";
 

packages/thirdweb/src/react/web/ui/prebuilt/Account/provider.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import type { Address } from "abitype";
 import type React from "react";
 import { createContext, useContext } from "react";

packages/thirdweb/src/react/web/ui/prebuilt/Chain/icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { type UseQueryOptions, useQuery } from "@tanstack/react-query";
 import type { JSX } from "react";
 import { getChainMetadata } from "../../../../../chains/utils.js";

packages/thirdweb/src/react/web/ui/prebuilt/NFT/media.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { type UseQueryOptions, useQuery } from "@tanstack/react-query";
 import type { JSX } from "react";
 import type { ThirdwebContract } from "../../../../../contract/contract.js";

packages/thirdweb/src/react/web/ui/prebuilt/NFT/name.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { type UseQueryOptions, useQuery } from "@tanstack/react-query";
 import type { JSX } from "react";
 import type { ThirdwebContract } from "../../../../../contract/contract.js";

packages/thirdweb/src/react/web/ui/prebuilt/NFT/provider.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { createContext, useContext } from "react";
 import type { ThirdwebContract } from "../../../../../contract/contract.js";
 

packages/thirdweb/src/react/web/ui/prebuilt/Token/icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { type UseQueryOptions, useQuery } from "@tanstack/react-query";
 import type { JSX } from "react";
 import { getChainMetadata } from "../../../../../chains/utils.js";