diff --git a/template/web/src/components/layout/header/AccountConnect.tsx b/template/web/src/components/layout/header/AccountConnect.tsx
index 710b7cd9..cfb84d47 100644
--- a/template/web/src/components/layout/header/AccountConnect.tsx
+++ b/template/web/src/components/layout/header/AccountConnect.tsx
@@ -1,3 +1,4 @@
+import { useCallback } from 'react';
 import { ConnectAccount } from '@coinbase/onchainkit/wallet';
 import { baseSepolia } from 'viem/chains';
 import { useAccount, useChainId, useConnect, useDisconnect } from 'wagmi';
@@ -16,6 +17,10 @@ function AccountConnect() {
   const { disconnect } = useDisconnect();
   const chainId = useChainId();
 
+  const handleDisconnect = useCallback(() => {
+    disconnect();
+  }, [disconnect]);
+
   return (
     <div
       className="flex flex-grow"
@@ -35,7 +40,7 @@ function AccountConnect() {
 
         if (account.status === 'connected' && chainId !== baseSepolia.id) {
           return (
-            <button onClick={() => disconnect()} type="button">
+            <button onClick={handleDisconnect} type="button">
               Wrong network
             </button>
           );
@@ -56,4 +61,4 @@ function AccountConnect() {
   );
 }
 
-export default AccountConnect;
+export default AccountConnect;
\ No newline at end of file