diff --git a/packages/thirdweb/src/react/web/ui/prebuilt/Account/blobbie.tsx b/packages/thirdweb/src/react/web/ui/prebuilt/Account/blobbie.tsx
index 1b1fe304068..f36e257b4d8 100644
--- a/packages/thirdweb/src/react/web/ui/prebuilt/Account/blobbie.tsx
+++ b/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";
 
diff --git a/packages/thirdweb/src/react/web/ui/prebuilt/Account/provider.tsx b/packages/thirdweb/src/react/web/ui/prebuilt/Account/provider.tsx
index ed1d0d3a6ec..2d2714cd022 100644
--- a/packages/thirdweb/src/react/web/ui/prebuilt/Account/provider.tsx
+++ b/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";
diff --git a/packages/thirdweb/src/react/web/ui/prebuilt/Chain/icon.tsx b/packages/thirdweb/src/react/web/ui/prebuilt/Chain/icon.tsx
index 356fe69b58b..21dc1f54515 100644
--- a/packages/thirdweb/src/react/web/ui/prebuilt/Chain/icon.tsx
+++ b/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";
diff --git a/packages/thirdweb/src/react/web/ui/prebuilt/NFT/media.tsx b/packages/thirdweb/src/react/web/ui/prebuilt/NFT/media.tsx
index 814de3b124c..c650307e374 100644
--- a/packages/thirdweb/src/react/web/ui/prebuilt/NFT/media.tsx
+++ b/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";
diff --git a/packages/thirdweb/src/react/web/ui/prebuilt/NFT/name.tsx b/packages/thirdweb/src/react/web/ui/prebuilt/NFT/name.tsx
index 8d5da597a20..5f7402db9e8 100644
--- a/packages/thirdweb/src/react/web/ui/prebuilt/NFT/name.tsx
+++ b/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";
diff --git a/packages/thirdweb/src/react/web/ui/prebuilt/NFT/provider.tsx b/packages/thirdweb/src/react/web/ui/prebuilt/NFT/provider.tsx
index 5eb85ff93e2..d8657f77343 100644
--- a/packages/thirdweb/src/react/web/ui/prebuilt/NFT/provider.tsx
+++ b/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";
 
diff --git a/packages/thirdweb/src/react/web/ui/prebuilt/Token/icon.tsx b/packages/thirdweb/src/react/web/ui/prebuilt/Token/icon.tsx
index 4c9bb4cff6a..65bdf4b481e 100644
--- a/packages/thirdweb/src/react/web/ui/prebuilt/Token/icon.tsx
+++ b/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";