fix: [NOJIRA] increase REFRESH_BALANCE_INTERVAL_MS (#1430)

packages/checkout/widgets-lib/src/lib/hooks/useBalance.ts

@@ -1,11 +1,11 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useState } from 'react';
 import { Checkout, GetBalanceResult } from '@imtbl/checkout-sdk';
 import { Web3Provider } from '@ethersproject/providers';
 import { getTokenBalances } from '../../widgets/wallet/functions/tokenBalances';
 import { DEFAULT_BALANCE_RETRY_POLICY } from '../constants';
 import { useInterval } from './useInterval';
 
-const REFRESH_BALANCE_INTERVAL_MS = 10000;
+const REFRESH_BALANCE_INTERVAL_MS = 30000; // 30 seconds -- keep app less chatty
 
 export interface UseBalanceParams {
   checkout: Checkout | undefined;
@@ -58,18 +58,8 @@ export const useBalance = ({
       }
     }
   }, [checkout, provider]);
-  useInterval(() => refreshBalances(true), REFRESH_BALANCE_INTERVAL_MS);
 
-  // Listen for window focus event to refresh after a potential interaction with a wallet
-  useEffect(() => {
-    const handleFocus = () => {
-      refreshBalances(true);
-    };
-    window.addEventListener('focus', handleFocus);
-    return () => {
-      window.removeEventListener('focus', handleFocus);
-    };
-  }, [refreshBalances]);
+  useInterval(() => refreshBalances(true), REFRESH_BALANCE_INTERVAL_MS);
 
   return {
     balancesLoading,