diff --git a/.changeset/fair-yaks-promise.md b/.changeset/fair-yaks-promise.md
new file mode 100644
index 0000000000..49e375b810
--- /dev/null
+++ b/.changeset/fair-yaks-promise.md
@@ -0,0 +1,5 @@
+---
+"@coinbase/onchainkit": patch
+---
+
+feat: add `use client` directives to wallet components
diff --git a/src/wallet/components/ConnectAccount.tsx b/src/wallet/components/ConnectAccount.tsx
index 34d16c291d..bc71812fdb 100644
--- a/src/wallet/components/ConnectAccount.tsx
+++ b/src/wallet/components/ConnectAccount.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { useCallback } from 'react';
 import { useAccount, useConnect, useDisconnect } from 'wagmi';
 import type { ConnectAccountReact } from '../types';
diff --git a/src/wallet/components/Wallet.tsx b/src/wallet/components/Wallet.tsx
index 577ecd7aaa..440adbc643 100644
--- a/src/wallet/components/Wallet.tsx
+++ b/src/wallet/components/Wallet.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Children, useMemo } from 'react';
 import { ConnectAccount } from './ConnectAccount';
 import { WalletDropdown } from './WalletDropdown';
diff --git a/src/wallet/components/WalletDropdown.tsx b/src/wallet/components/WalletDropdown.tsx
index 759cc8497d..b1ea2171e9 100644
--- a/src/wallet/components/WalletDropdown.tsx
+++ b/src/wallet/components/WalletDropdown.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Children, useMemo } from 'react';
 import { Identity } from '../../identity/components/Identity';
 import type { WalletDropdownReact } from '../types';