From 359469535c53161896b0945ac1a6641c874c8c48 Mon Sep 17 00:00:00 2001
From: osmannyildiz <iamosmannyildiz@gmail.com>
Date: Sat, 23 Dec 2023 16:04:35 +0300
Subject: [PATCH] use client from provider

---
 src/App.tsx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 927531c..9c5ebb8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,16 +1,13 @@
-import { ConnectButton, useCurrentAccount } from "@mysten/dapp-kit";
 import {
-	CoinBalance,
-	CoinStruct,
-	SuiClient,
-	getFullnodeUrl,
-} from "@mysten/sui.js/client";
+	ConnectButton,
+	useCurrentAccount,
+	useSuiClient,
+} from "@mysten/dapp-kit";
+import { CoinBalance, CoinStruct } from "@mysten/sui.js/client";
 import { MIST_PER_SUI } from "@mysten/sui.js/utils";
 import { useEffect, useState } from "react";
 import GetSuiFromFaucetForm from "./components/GetSuiFromFaucetForm";
 
-const suiClient = new SuiClient({ url: getFullnodeUrl("devnet") });
-
 const balanceToSui = (balance: CoinBalance) => {
 	return Number.parseInt(balance.totalBalance) / Number(MIST_PER_SUI);
 };
@@ -20,6 +17,7 @@ const mistToSui = (amountInMist: string) => {
 };
 
 export default function App() {
+	const suiClient = useSuiClient();
 	const currentAccount = useCurrentAccount();
 	const [balance, setBalance] = useState("(loading...)");
 	const [coins, setCoins] = useState<CoinStruct[]>([]);
@@ -38,7 +36,7 @@ export default function App() {
 				setCoins(coins.data);
 			}
 		})();
-	}, [currentAccount]);
+	}, [suiClient, currentAccount]);
 
 	return (
 		<>