contract.methods.transfer(...).send(...).on(...) is not a function

[honestbonsai]

This is on "web3": "^1.0.0-beta.30"

So I have a helper function

const transferToken = (...) => {
  const p = contract.methods.transfer(...).send(...);
  console.log(p);
  return p;
}

transferToken(...)

p is logged as (note that on is listed as a function here):

Promise {
        _bitField: 0,
        _fulfillmentHandler0: undefined,
        _rejectionHandler0: undefined,
        _promise0: undefined,
        _receiver0: undefined,
        _trace:
         CapturedTrace {
           _parent: undefined,
           _promisesCreated: 0,
           _length: 1,
           _promiseCreated: null },
        _events:
         { transactionHash: EE { fn: [Function: bound log], context: [Circular], once: false } },
        emit: [Function: emit],
        on: [Function: on],
        once: [Function: once],
        off: [Function: removeListener],
        listeners: [Function: listeners],
        addListener: [Function: on],
        removeListener: [Function: removeListener],
        removeAllListeners: [Function: removeAllListeners] }

However if I do

const transferToken = (...) => {
  const p = contract.methods.transfer(...).send(...);
  return p;
}

const returnedP = transferToken(...)
console.log(returnedP);

returnedP logs as:

Promise { <pending> }

And I can't call returnedP.on(...). Basically the function doesn't seem to return the PromiEvent to me, instead it seems to return a pending Promise.

[honestbonsai]

Actually nvm, my issue was that I had const transferToken = async (...) => {...}