I was trying out the .allowance method to import erc20 token in my case PKS to metamask. The issue is I don't get the metamask popup for importing the erc20 token but I get the balances PKS token for the particular account without importing .

need this output before fetching balances : Is there anyway to adjust the code it should first ask for import and then fetch the balance ?

here's my code so far and I am calling getErcBal in useEffect :

async function getErcBal(){
        var WEB3 = await connection();
        var currAddr = WEB3.address;
        var web3 = WEB3.web3Conn;
      
        if(WEB3.isMeta){
          setuseraddress(currAddr);
          setContractAdr(dethContractAddr);
            if(dethContractAddr){
                var dethContract = new web3.eth.Contract(DETH, dethContractAddr);
                var getAllowance = await dethContract.methods
                                    .allowance(currAddr, dethContractAddr)
                                    .call();
                }
                var tokenDethBln = await dethContract.methods.balanceOf(currAddr).call();
            }
            var PksVal = 0;
              if (tokenDethBln && tokenDethBln > 0) {
                PksVal = tokenDethBln / 1000000000000000000;
              }
            setPksbalance(PksVal.toFixed(4))
         
          }
      
      }