my values render as undefined in the page as shown below

or

Supplier undefined
Product Name undefined
Lot Number undefined
Available Items undefined

here is part where i get push the values

      function getItemInfo(){
    var barCode = document.getElementById("itemBarCode").value;
    
    google.script.run.withSuccessHandler(function(retVal){
      document.getElementById("itemSupplier").value = retVal.suppName;
      document.getElementById("itemProduct").value = retVal.prodName;
      document.getElementById("itemLotNum").value = retVal.lotNum;
      document.getElementById("itemRemain").value = retVal.itemRemain;
      document.getElementById("itemExpire").value = retVal.expire;

      M.updateTextFields()
    }).getItem(barCode)
  }

and values from the server is this

[ suppName: 'Mercury', prodName: 'Biogesic', lotNum: '912E8AY7C', itemRemain: 50, expire: Mon May 01 2023 15:00:00 GMT+0800 (Philippine Standard Time) ]

thank you