Update contract initialization handling

Author: evandrosaturnino

src/contexts/TokenContext.tsx

@@ -15,7 +15,6 @@ import { useTBTCv2TokenContract } from "../web3/hooks/useTBTCv2TokenContract"
 import { featureFlags } from "../constants"
 import { useIsActive } from "../hooks/useIsActive"
 import { isL1Network, isL2Network } from "../networks/utils/connectedNetwork"
-
 interface TokenContextState extends TokenState {
   contract: Contract | null
 }

src/hooks/staking-applications/useAuthorizeMultipleAppsTransaction.ts

@@ -14,7 +14,7 @@ export const useAuthorizeMultipleAppsTransaction = () => {
   const { openModal } = useModal()
 
   const { sendTransaction, status } = useSendTransactionFromFn(
-    threshold.staking.increaseAuthorization
+    threshold.staking!.increaseAuthorization
   )
 
   const authorizeMultipleApps = useCallback(

src/hooks/useFetchStakingRewards.ts

@@ -12,12 +12,14 @@ import { setInterimRewards } from "../store/rewards"
 import { selectStakingProviders } from "../store/staking"
 import { BigNumber } from "ethers"
 import { Zero } from "@ethersproject/constants"
+import { useIsActive } from "./useIsActive"
 
 interface StakingRewards {
   [stakingProvider: string]: string
 }
 
 export const useFetchStakingRewards = () => {
+  const { chainId } = useIsActive()
   const merkleDropContract = useMerkleDropContract()
   const stakingProviders = useSelector(selectStakingProviders)
   const { hasFetched, isFetching } = useSelector(

src/hooks/useFetchTvl.ts

@@ -127,6 +127,7 @@ export const useFetchTvl = (): [
   const fetchOnChainData = useMulticall(calls)
 
   const fetchTvlData = useCallback(async () => {
+    if (chainId && !isL1Network(chainId)) return initialState
     const chainData = await fetchOnChainData()
     if (chainData.length === 0) return initialState
 

src/store/staking-applications/effects.ts

@@ -62,7 +62,7 @@ export const getSupportedAppsEffect = async (
       })
     )
     const data =
-      await listenerApi.extra.threshold.multiAppStaking.getSupportedAppsAuthParameters()
+      await listenerApi.extra.threshold.multiAppStaking!.getSupportedAppsAuthParameters()
     const payload = {
       tbtc: {
         minimumAuthorization: data.tbtc!.minimumAuthorization.toString(),

src/store/staking/effects.ts

@@ -57,7 +57,7 @@ const fetchStake = async (
   listenerApi: AppListenerEffectAPI
 ) => {
   const stake =
-    await listenerApi.extra.threshold.staking.getStakeByStakingProvider(
+    await listenerApi.extra.threshold.staking!.getStakeByStakingProvider(
       stakingProvider
     )