Use wallet connect 3

use-wallet-connect-3.ts

const activateProvider = async () => {
   setInternalState({
     ...internalState,
     loading: true,
   });
 
   const web3Modal = getWeb3Modal();
 
   try {
     const provider = await web3Modal.connect();
     await activate(provider);
     setInternalState({
       ...internalState,
       error: null,
       loading: false,
     });
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } catch (error: any) {
     setInternalState({
       ...internalState,
       error: error,
       loading: false,
     });
   }
 };
 
 const handleDeactivate = () => {
   deactivate();
   getWeb3Modal().clearCachedProvider();
 };
 
 return {
   loading: internalState.loading || isLoading,
   active,
   account: account || null,
   ensAddress: ens || null,
   library,
   error: internalState.error || error?.toString() || null,
   activateProvider,
   deactivate: handleDeactivate,
   activateBrowserWallet,
 };