From 03db68719803d2a257224a040ef4df9982ab39dd Mon Sep 17 00:00:00 2001
From: roushou <roushou9@gmail.com>
Date: Fri, 21 Jun 2024 07:04:07 +0700
Subject: [PATCH] feat: add `use client` directives to wallet components

---
 .changeset/fair-yaks-promise.md          | 5 +++++
 src/wallet/components/ConnectAccount.tsx | 2 ++
 src/wallet/components/Wallet.tsx         | 2 ++
 src/wallet/components/WalletDropdown.tsx | 2 ++
 4 files changed, 11 insertions(+)
 create mode 100644 .changeset/fair-yaks-promise.md

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';