Add check for context.connected in useContract for readiness (#189)

* Add check for `context.connected` in `useContract` for readiness

* Add changeset

* Update changeset message

Co-authored-by: with-heart <[email protected]>

* Refactor!

Co-authored-by: with-heart <[email protected]>

Co-authored-by: with-heart <[email protected]>

Author: Dhaiwat10

.changeset/rare-days-punch.md

@@ -0,0 +1,5 @@
+---
+'@web3-ui/hooks': patch
+---
+
+`useContract` now initializes the contract only after the user has connected their wallet. This helps prevent errors from calling contracts without a connection.

packages/hooks/src/hooks/useContract.ts

@@ -7,7 +7,7 @@ export function useContract(address: string, abi) {
   const [contract, setContract] = React.useState({});
   const [isReady, setIsReady] = React.useState(false);
   React.useEffect(() => {
-    if (context) {
+    if (context?.connected) {
       const newContract = new Contract(
         address,
         abi,