diff --git a/package.json b/package.json
index 1986710..382b081 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@ant-design/web3": "^1.4.3",
     "@ant-design/web3-wagmi": "^2.2.2",
+    "@tanstack/react-query": "^5.37.1",
     "antd": "^5.12.5",
     "next": "14.0.4",
     "react": "^18",
diff --git a/pages/web3.tsx b/pages/web3.tsx
index bc17c86..ae89d1c 100644
--- a/pages/web3.tsx
+++ b/pages/web3.tsx
@@ -15,6 +15,9 @@ import {
 import { injected } from "wagmi/connectors";
 import { Button, message } from "antd";
 import { parseEther } from "viem";
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+
+const queryClient = new QueryClient();
 
 const config = createConfig({
   chains: [mainnet, goerli],
@@ -98,20 +101,22 @@ const CallTest = () => {
 
 export default function Web3() {
   return (
-    <WagmiWeb3ConfigProvider
-      config={config}
-      chains={[Goerli]}
-      wallets={[MetaMask()]}
-    >
-      <Address format address="0xEcd0D12E21805803f70de03B72B1C162dB0898d9" />
-      <NFTCard
-        address="0xEcd0D12E21805803f70de03B72B1C162dB0898d9"
-        tokenId={641}
-      />
-      <Connector>
-        <ConnectButton />
-      </Connector>
-      <CallTest />
-    </WagmiWeb3ConfigProvider>
+    <QueryClientProvider client={queryClient}>
+      <WagmiWeb3ConfigProvider
+        config={config}
+        chains={[Goerli]}
+        wallets={[MetaMask()]}
+      >
+        <Address format address="0xEcd0D12E21805803f70de03B72B1C162dB0898d9" />
+        <NFTCard
+          address="0xEcd0D12E21805803f70de03B72B1C162dB0898d9"
+          tokenId={641}
+        />
+        <Connector>
+          <ConnectButton />
+        </Connector>
+        <CallTest />
+      </WagmiWeb3ConfigProvider>
+    </QueryClientProvider>
   );
 }