Wallet connect hook first section

use-wallet-connect-1.ts

import {
 useEthers,
 useLookupAddress,
} from '@usedapp/core';
import { JsonRpcProvider } from '@ethersproject/providers';
import WalletConnectProvider from '@walletconnect/web3-provider';
import Web3Modal from 'web3modal';
import { useState } from 'react';
 
type InternalState = {
 loading: boolean;
 error?: string | null;
};
 
const initialState = {
 loading: false,
 error: null,
};
 
export type WalletConnectState = {
 loading: boolean;
 active: boolean;
 account: string | null;
 ensAddress: string | null;
 library: JsonRpcProvider | undefined;
 error: string | null,
 activateProvider: () => void,
 deactivate: () => void,
 activateBrowserWallet: () => void,
}
 
export const useWalletConnect = () => {
 const [internalState, setInternalState] =
   useState<InternalState>(initialState);
 
 const ens = useLookupAddress();
 
 const {
   isLoading,
   active,
   account,
   library,
   error,
   activate,
   deactivate,
   activateBrowserWallet,
 } = useEthers();