Fix readContract

plugins/dualGovernance/hooks/useCanCreateProposal.tsx

@@ -1,19 +1,16 @@
 import { Address, keccak256, toHex } from "viem";
 import { useState, useEffect } from "react";
 import { useBalance, useAccount, useReadContracts, useConfig } from "wagmi";
-import { readContract } from "@wagmi/core";
 import { OptimisticTokenVotingPluginAbi } from "@/plugins/dualGovernance/artifacts/OptimisticTokenVotingPlugin.sol";
 import { DaoAbi } from "@/artifacts/DAO.sol";
 import { PUB_CHAIN, PUB_DUAL_GOVERNANCE_PLUGIN_ADDRESS } from "@/constants";
 
 export function useCanCreateProposal() {
-  const config = useConfig();
   const { address } = useAccount();
   const [minProposerVotingPower, setMinProposerVotingPower] =
     useState<bigint>();
   const [votingToken, setVotingToken] = useState<Address>();
   const [daoAddress, setDaoAddress] = useState<Address>();
-  const [hasCreatePermission, setHasCreatePermission] = useState(false);
   const { data: balance } = useBalance({
     address,
     token: votingToken,
@@ -39,11 +36,30 @@ export function useCanCreateProposal() {
         address: PUB_DUAL_GOVERNANCE_PLUGIN_ADDRESS,
         abi: OptimisticTokenVotingPluginAbi,
         functionName: "dao",
-      },
+      }
       // TODO: This needs to be checking as well if address has the DAO permission to create props
     ],
   });
 
+  // Check if PROPOSER_PERMISSION is granted to the current wallet
+  const { data: hasCreatePermission, refetch: hasCreatePermissionRefetch } = useReadContracts({
+    contracts: [
+      {
+        chainId: PUB_CHAIN.id,
+        address: daoAddress,
+        abi: DaoAbi,
+        functionName: "hasPermission",
+        // where, who, permissionId, data
+        args: [
+          PUB_DUAL_GOVERNANCE_PLUGIN_ADDRESS,
+          address,
+          keccak256(toHex("PROPOSER_PERMISSION")),
+          "0x",
+        ],
+      },
+    ],
+  });
+
   useEffect(() => {
     if (!contractReads?.length || contractReads?.length < 2) return;
 
@@ -59,26 +75,7 @@ export function useCanCreateProposal() {
   // Check if PROPOSER_PERMISSION is granted to the current wallet
   useEffect(() => {
     if (!address || !daoAddress) return;
-
-    readContract(config, {
-      chainId: PUB_CHAIN.id,
-      address: daoAddress,
-      abi: DaoAbi,
-      functionName: "hasPermission",
-      // where, who, permissionId, data
-      args: [
-        PUB_DUAL_GOVERNANCE_PLUGIN_ADDRESS,
-        address,
-        keccak256(toHex("PROPOSER_PERMISSION")),
-        "0x",
-      ],
-    })
-      .then((result) => {
-        setHasCreatePermission(!!result);
-      })
-      .catch((err) => {
-        console.error(err);
-      });
+    hasCreatePermissionRefetch();
   }, [daoAddress, address]);
 
   if (!address) return false;